Archived topic
Add parts of background colours
3 replies · Started by Vincent on January 3, 2018
Hello,
i want to add some blue colours in the background of the header and footer like this site
http://nordlicht-ev.de/
there is the css code
.header100 {
background-color: #90b4c2;
z-index: -1;
height: 60px;
width: 100%;
position: fixed;
top: 101px;
opacity: 0.5;
}
and
.footer100 {
background-color: #90b4c2;
z-index: -10;
height: 90px;
width: 100%;
opacity: 0.5;
}
how can i add those parts in generatepress? Is there any way to add this easily?
Thanks,
VW
Hi there,
I don't think using your CSS is the best method.
Have you tried changing the background color of header and footer using the customizer options?
Hi,
the css is the css of the original site http://nordlicht-ev.de/.
And there are some colour sections left and right of the content and footer. I dont think that i can change that in the customizer. There i can change the colours of header and footer background, but i want to have another colour sections on the sites like the website listed above.
First you would need to set the Footer width to full and inner footer width to contained:
https://docs.generatepress.com/article/footer-layout/
Then you can use CSS to change the inner footer background:
.inside-site-info {
background-color: #ffffff;
}