Set sub-header area background color and image

[ymasyebra]

Hello, I cannot find where to change the color and/or image of the area below the main menu, the one with the highlighted text (http://prnt.sc/w41omc). Can you help me locate it, please? Also, can we set a background image just for that area? Thanks in advance! Yoel

[ymasyebra]

And I also cannot locate where to change the font color/style for that same area...

[ymasyebra]

This reply has been marked as private.

[Ada]

Title background image property are available for other header style when you change it from Customize >> Header For the header style you are currently using I'm providing you custom CSS to add background color, image and changing font style. Add this code in Appearance >> Customize >> Custom CSS Upload an image in media , copy the URL path of that image and paste it in the URL().

#title .pagetitle {
    /*background-color: beige;*/    
    background-image:url(URL of Your image);
    background-repeat:no-repeat;
}
#title .pagetitle h1{
    color:#524b4b;
    font-style:inherit;
    /*font-family:sans-serif;*/
}
#title .pagetitle h5{
    color:#7f7c7c;
    /*font-family:sans-serif;
    font-weight:400;*/
    
}

[ymasyebra]

Thank you for that CSS! It seems to work quite fine, although the image does not cover all the area... (http://prnt.sc/w4papp) If there is an easy fix, please comment. Otherwise, I'll play around with it with a tech guy.

[Ada]

Please replace this part of the previous code

 #title .pagetitle {
    /*background-color: beige;*/    
    background-image:url(URL of Your image);
    background-repeat:no-repeat;
}

With this code

 section#title{
    /*background-color: beige;*/    
    background-image:url(URL of Your image) !important;
    background-repeat:no-repeat !important;
}

This way the image will be applied to this whole section.

[ymasyebra]

That works!! Thank you very much!! We can close the case.

[Diana]

closing

[Author]

Posts