Hi,
I try and figure out a custom CSS code in order to set a background image for the logo area that will display ONLY in my homepage.
I also want it to show up when I scroll down the page and the minimalist version of the logo takes over.
Using firebug, I narrowed it down to the following code but it still adds a background image to all my pages.
.home .header_color, .header_color div {
background: url(/wp-content/uploads/2016/06/EXAMPLE.jpg);
}
Thanks in advance.
Hey leborgne23,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
Hi,
I get some sort of message that the site you linked to is not installed yet, could you check please? Looking at your CSS it looks like you are missing the .home class for the second selector. Maybe this will work better?
.home .header_color, .home .header_color div {
background: url(/wp-content/uploads/2016/06/EXAMPLE.jpg);
}
Best regards,
Rikard
Hi and thanks, your code worked perfectly.
Thank you also for making me realize that the redirection of the www variant was not working.
best regards Rikard.