Change Grey Bar between Navbar and Slider

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

Remove the Grey Bar:

/* START OF Change Grey Bar between Navbar and Slider */
header.tc-header {
border-bottom: 0;
}
/* END OF Change Grey Bar between Navbar and Slider */

Credit: @fabioeliseo
Change the Grey Bar:

/* START OF Change Grey Bar between Navbar and Slider */
/* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
header.tc-header {
border-bottom:  2px solid green;
}
/* END OF Change Grey Bar between Navbar and Slider */

 

Change the Grey Bar on specific pages:

/* START OF Change Grey Bar between Navbar and Slider */
/* Front Page */
.home header.tc-header {
border-bottom:  2px solid green;
}
/* Posts Page */
.blog header.tc-header {
border-bottom:  2px solid green;
}
/* Other Page */
.page header.tc-header {
border-bottom:  2px solid green;
}
/* Specific Page (change page-id-n) */
.page-id-n header.tc-header {
border-bottom:  2px solid green;
}
/* END OF Change Grey Bar between Navbar and Slider */

 

Leave a comment

Your email address will not be published. Required fields are marked *

22 thoughts on “Change Grey Bar between Navbar and Slider”