Charlotte Mabry
asked 10 years ago

I need CSS to enter into the header code to accomplish the following:
On Pages> Featured Image>Background color of featured mask
I would like to set the opacity to 0 (zero). I do not want ANY color applied to my featured image- ever.
Customize>Navigation>Main Menu
I need custom code to change the color of the main menu font. I was able to find code to change the color of the active menu selection and the hover color but not the code to change the color from being always white to another color. 
 
Customize>Style>Heading Font and Button Text
I need to be able to make the Heading Font smaller and the Button Text Larger
Thanks!
 

Charlotte Mabry
replied 10 years ago

Sorry, I also need to know how to insert this code into the CSS Header code properly:

1 Answers
DominicStaff
answered 10 years ago

Hello Charlotte ! 
1. If you want ANY color applied to featured image in the page, you can add the following code to the Header Code: 

 <style>
.page .banner.cover:before {
    opacity: 0;
}
</style>

 
2. To change the color for the main menu, you can add the following code to the Header code:

 <style>
.nav-main a {
     color: #...;
}
.nav-main li a:hover, .nav-main li a:active, .nav-main .active > a, .nav-main li:hover .sub-nav-open, .nav-main .active .sub-nav-open {
     color: #...;
}
.nav-main .navbar-nav > .active {
    border-bottom-color:  #FFF;
}
</style>

 
3. To change default color for the title, you can add the following code to the header :

 <style>
.post .entry-inner .entry-title > a {
    color: #....;
}
.post .entry-inner .entry-title > a:hover {
    color: #....;
}
</style> 

 
4. To change the Heading font and button text, you can add the following code to the Header Code:
—Heading font—–

 <style>
.home .banner .page-title {
    font-size: 80px;
}
</style>

— button text—–

 <style>
.banner #get-started {
     font-size: 11px;
}
</style>

 
5. If you want to display the Page header, you can add the following code to the Header Code:

 <style>
.page-header {
    display: none;
}
</style>

Hope this helps !

Charlotte Mabry
replied 10 years ago

Hi Dominic,
Thanks for your help! Everything worked except for #1. When I applied this it removed the color mask from the header on my Home page as well. I need to remove the background color from the other pages only. When I changed this in the code the change worked but I want to be sure I change it in the CSS so when I hand the site off to my client the change won’t go away when they apply updates. I have a screen capture of where I made the change that worked. I am going to post it below so you can see what I am talking about and hopefully you can tell me how to properly insert that into the CSS.

Charlotte Mabry
replied 10 years ago

Well it loks like I can’t do that the way I thought I would be able to. here is what it says on the page:

Dominic Staff
replied 10 years ago

Hi,
Please send me a screenshot or your site URL for further checking.

Powered by DW Question & Answer Pro