Black Friday Sale! Get up to $40 off GP Premium!Learn more

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

Home Forums Support Footer Area Questions: Overlay color, increasing height , adding border line

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #410158
    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?

    GP Premium 1.4.3
    #410260
    Leo
    Staff
    Customer Support

    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;
    }
    #410513
    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.

    #410680
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.