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.

You can take my personal help in skype : om2000_cuet

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

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  *****/

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  *****/

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  *****/

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;
}

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  *****/

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  *****/

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

				© 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
You can take my personal help in skype : om2000_cuet
Like this post?
Tweet
Email
WhatsApp
Print
Like this:
Like Loading...


	
Related