Tagged: color footer
Hi there,
we have different colors on different pages. By making the header transparent I have also the color in question in the header. But when I scroll down the background of the shrining menue is fixed – in my case it is white.
Qustion No 1: Is it possible to achieve also for the shrining menue the same color as used on the website.
Question No 2: How to change the footer color into the different on the mainpage used colors?
Thanks for any help!
Hey Whippert!
1. This CSS will change the header background when you scroll down the page.
.header-scrolled .header_bg {
background-color: rgba(255, 255, 255, 0.2) !important;
}
The last value, 0.2, controls the opacity so if you want to make it transparent then you can set that to 0 or 1 for opaque.
2. For the Footer you can use this CSS.
#footer { background: red !important; }
If you only want it done on certain pages then you can drag a codeblock element to the page content and add this inside.
<style type = "text/css">
#footer { background: red !important; }
</style>
Regards,
Elliott
Thank you Elliot – 1 worked, 2 maybe not. I wanted to use different footer colors on different pages. Maybe you can get me some advice.
Rgards
Whippert
Hey!
I think that should be working. Send us a link to the page where your using the codeblock element with CSS inside to change the footer background.
Best regards,
Elliott