Header Image

Estimateds

We are looking to have only one image for the header in the entire site, as is shown in http://rehuce.cl/tienda/ or http://rehuce.cl/telas-tecnicas/

When we get in the products of woocomerce as this : http://rehuce.cl/producto/frazada-economica-1-plaza/ , the image doesn’t looks very well, so we prefer to have only the first image, instead of different images for each product

Or in the case that is not possilbe, not have header in the entire site.

Hope you can help us

Many regards
Hugo Fredes

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
The CSS will remove header images from other pages, and setting the background to black, but leave the home page header.

Admin Area -> Appearance -> Customize -> Additional CSS

/remove bottom header, change background header color to black/
.home .top-header {
background-color: transparent !important;
}
.top-header:not(.home) {
width: 100%;
padding: 40px 0 20px 0;
background-color: black;
}
.bottom-header.blog:not(.home) {
display: none;
}

Best Regards,
Support

Hello !

Many thanks for your kind reply.

Any possibility to have an image instead of a color ?

Regards !

hey there,

To use a background image instead, you can use the following code instead of what was previously give.
Simply change the URL for the image.

background-image: url(https://www.walldevil.com/wallpapers/a76/survei-pictures-minimalism-sky-wallpaper-minimalist-wallpapers.jpg) !important;

/*remove bottom header, change background header color to black*/
.home .top-header {
background-image: none !important;
}
.bottom-header.blog:not(.home) {
display: none;
}
.top-header:not(.home) {
    width: 100%;
    padding: 40px 0 20px 0;
   background-image: url(https://www.walldevil.com/wallpapers/a76/survei-pictures-minimalism-sky-wallpaper-minimalist-wallpapers.jpg) !important;
}

Best Regards,
Support.

Hello, thanks again

i’ve changed the code as you said, but the image appears in the home page despite the instruction not(.home)

Any idea whats going on?

Best Regards and many thanks
Hugo Fredes