[Support request] Add parts of background colours

[Vincent]

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

[Leo]

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?

[Vincent]

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.

[Leo]

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;
}

[Author]

Posts