How to hide backgroung image

[arrigons]

Hi there!
I’m using an image for header backgroung convering the full height of the screen including top menu. Is it possible to hide it in pages that are not the homepage so that in all the other pages is not visible under the top menu?
Many thanks for your help.
Andrea

[SQadmin]

Hi, Instead of doing it from the settings you can add this code to Sweetdate – Styling options – Quick css and change the path to your image:

COPY CODE

.home .header-bg {
    background: url("/wp-content/themes/sweetdate/assets/images/patterns/blue_pattern.gif") repeat scroll 0 0 #0076A3;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[arrigons]

Hi Sqadmin!
It works!!! Many thanks!

Can you please look at http://www.arrigons.it/c and see the background image I’m usig? Could you give me an hint about the image size or parameter to set so that the picture were not duplicated at the right end side and at the bottom?
I’ll really appreciate your suggestions

Bye
Andrea

[SQadmin]

Try this:
.home .header-bg {
background-color: #0076A3;
background-image: url(“/wp-content/themes/sweetdate/assets/images/patterns/blue_pattern.gif”);
background-repeat: no-repeat;
background-size: cover;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[arrigons]

Perfect!!!
Many thanks and greetings from Italy!!

Ciao
Andrea

[arrigons]

This reply has been set as private.

[SQadmin]

Great.
All the best from Romania.
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts