Archived topic
Footer Area Questions: Overlay color, increasing height , adding border line
3 replies · Started by Halil on October 25, 2017
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?
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;
}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.
No problem!
