[Resolved] Footer Area Questions: Overlay color, increasing height , adding border line

[Halil]

Hi there,

is it possible to use a overlay color for footer area? I have used a background picture for footer area and now I’d like to put a bit “darkish” overlay color so that my texts and widgets will be more visible. How can I define it?

is it possible to make footer area taller even if the widgets are not big enough?

how can I put a solid bottom border line into footer area, lets say with a red color?

[Leo]

Hi there,

– Might be easier to photo shop the overlay color on to the image. Otherwise you can try using CSS to add background image instead of customizer option:

.footer-widgets {
    background-image: linear-gradient(0deg, rgba(102,102,102,0.47),rgba(102,102,102,0.47)), url(http://image-URL);
}

– Increase the top and bottom padding should work: https://docs.generatepress.com/article/footer-padding/

– Try this CSS and adjust the hex color code:

.footer-widgets {
    border-bottom: 1px solid #000000;
}

[Halil]

I agree that I should do overlaying with pic itself. thanks for the recommendation.

Mysterios padding things, I always forget about that, a bit dump question.

thanks for the linen code too.

[Leo]

No problem!

[Author]

Posts