Gateway By Rescue Themes : Modification of Header, footer, space, font, sidebar, content, images using css and documentation


Gateway is a wordpress theme developed by  Rescue Themes. Gateway is the perfect mix of class and elegance, a traditional yet customizable home for your content. Reinforce your brand with a site logo, add a bold header image and call to action, and showcase your best posts or a video with a special Homepage template. In wordpress.com you can use this theme for free. You can check demo of Gateway by Rescue Themes.

Here I am sharing you some css customization using which you can give your Gateway theme a new look.

You can download  Gateway By Rescue Themes (Parent theme)

Also,  to edit or modify  the theme  Download Gateway By Rescue Themes (Child theme)

You can ask question regarding any issue you are facing.

Or can take my personal help.

/***** Top Navigation Menu Modificatios  *****/

Gateway By Rescue Themes Top menu items modifications

Question 1 :  If you want to change current or selected menu items color in Gateway theme by Rescue Themes

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
color: red !important;
}

*** If you want to use a background color in current or selected menu items

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
background: yellow !important;
}

*** If you want to change current or selected menu items hover background color

.main-navigation .current_page_item:hover > a {
background: red !important;
color: white !important;
}

Question 2 : If you want to change menu items hover text color in Gateway theme by Rescue Themes

.main-navigation li:hover > a {
color: yellow !important;
}

Question 3 : If you want to change font size, color and font family of menu items

.main-navigation a {
font-size: 14px !important;
font-family: cursive !important;
color: black;
}

 

Question 4: If you want to change sub menu items background color and border color

.main-navigation ul ul {
background: red !important;
border: 1px solid red !important;
}

Question 5 : If you want to change sub menu items font color, size and font family

.main-navigation ul ul li a {
color: white;
font-size: 12px !important;
font-family: cursive !important;

}

/***** Homepage Welcome Text Modificatios  *****/

Gateway By Rescue Themes Homepage welcome text sectin modification

Question 6 : If you want to change home page WelCome Title font size, color and font family  in Gateway theme by Rescue Themes

.home-posts-titles h2 {
color: darkred !important;
font-size: 27px;
font-family: cursive !important;
}

Question 7 :  If you want to change home page Welcome text content font size, color and font family

.home-posts-titles .home-content.entry-content {
color: darkred !important;
font-size: 17px !important;
font-family: cursive !important;
}

Question 8 :  If you want to reduce gap from the top and bottom of  Homepage Welcome content section in Gateway theme by Rescue Themes

.home #content {
margin-top: 12px !important;
}

.home .home-posts-titles {
margin-bottom: 12px !important;
}

.home .home-posts-titles h2 {
margin-bottom: 7px !important;
}

.home-content.entry-content, .home-content.entry-content p {
margin-top: 0px !important;
}

 

/***** Footer Widget Section Modificatios  *****/

Gateway By Rescue Themes footer widget section modification

Question 9  : If you want to change bottom footer widget section background color in Gateway theme by Rescue Themes

.footer-wrap {
background-color: green !important;
}

Question 10 :  If you want to change font size, color and font family of widget title

footer .widget-title {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}

Question 11 :  If you want to change footer widget link color, font size and font family in Gateway theme by Rescue Themes

footer .widget a {
color: darkblue !important;
font-size: 19px;
font-family: cursive;
}

Question 12: If you want to add border just below footer widget title and make the title centered

footer .widget-title {
border-bottom: 1px solid white;
text-align: center !important;
}

 

/***** Single Post Modificatios  *****/

Gateway By Rescue Themes single post content section modifications

Question13 : If you want to change font size, color and font family of single post title in Gateway theme by Rescue Themes

.single .entry-title {
font-size: 21px;
color: darkred !important;
font-family: cursive;
}

Question 14 :  If you want to reduce gap between single post content and  title section

.single .entry-header {
margin-bottom: 3px !important;
}
.single .entry-content {
margin-top: 3px !important;
}

Question 15 : If you want to make your content color  to be black instead of grey

.single .entry-content {
margin-top: 3px !important;
color: black !important;
}

Question 16: If you want to change the color of links in Post content section and want to make it underlined in Gateway theme by Rescue Themes

.single .entry-content a {
color: blue !important;
text-decoration: underline !important;
}

Question 17 : If you want to remove Comment option (  don’t want to show)  in single post page

.single #comments {
display: none !important;
}

Question 18: If you want to change font size, color and font family of Next or Previous post link in single post page

.nav-links a {
font-size: 18px !important;
color: darkblue !important;
font-family: cursive !important;
}

Gateway By Rescue Themes Related Post section modification

Question  19: In single post  if you want to change the font size, color and font family of  the word  “Related” of  Related post in Gateway theme by Rescue Themes

div#jp-relatedposts h3.jp-relatedposts-headline {
font-size: 19px !important;
}

Question 20 :  Also to change the font size, color and font family of  Related Posts titles

.jp-relatedposts-post a {
font-size: 17px !important;
font-family: cursive !important;
}

Question 21 : If you want to remove sidebar from your single post page in Gateway theme by Rescue Themes

.single #primary, .single #main {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

.single #secondary {
display: none;
}

/***** Blog/Category/Tag/Archive Pages  Modificatios  *****/

Gateway By Rescue Themes blog archive search or category section modifications

Question 22 : In blog or archive pages, if you want to make the font color black and change the font size and font family in Gateway theme by Rescue Themes

.blog .entry-summary, .archive .entry-summary {
color: black !important;
font-size: 17px;
font-family: cursive;
}

 

Question 23: In blog or archive pages if you want to give the More link a button shape and also to change the font styling

.blog .entry-summary, .archive .entry-summary {
overflow: hidden;
}

.blog .more-link, .archive .more-link {
font-size: 18px !important;
color: white !important;
background: darkred;
padding: 4px;
width: 100px;
text-align: center;
float: right;
clear: both;
}

/***** Homepage Top big Image Hero Section  Modificatios  *****/

Gateway By Rescue Themes homepage top big image section modifications

Question  24: If you want to change  top big image Hero Section title (hero title) font color, size and font family in Gateway theme by Rescue Themes

.hero-section .hero-title {
color: #fff;
font-weight: 400;
font-size: 43px !important;
font-family: cursive !important;
}

Question 25 : If you want to change Hero section contents (below hero title) font color, size and font family

.hero-section .hero-content {
font-size: 20px !important;
color: white !important;
font-family: cursive !important;
}

Question 26 : If you want to change call to action button background color and text color

.button {
background-color: darkred !important;
color: white !important;
font-family: cursive;
}

*** To change call to action button hover background color and font color

.button:hover {
color: red !important;
background: yellow !important;
}

 

Question 27: If you want to change footer copyright info or  Proudly Powered By WordPress in Gateway theme by Rescue Themes

Go to your dashboard. Then Appearance > Editor > footer.php . Please check the screenshot for better understanding and use the code i shared below the screenshot to change copyright info

Gateway By Rescue Themes footer copyright information or Proudly Powered by wordpress modification

				© Copyright 2018 or 2019
				<span class="sep"> | </span>
                Message about your company
If you have any issue feel free to ask me question here in comments section

OR

Pay me some, I will help you for CSS Issue Personally CLICK HERE….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: