[Support request] Footer Area Background and Spacing

Home Forums Support Footer Area Background and Spacing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #972925
    Elzanne

    I have used a background image for the footer bar, but would also like to give it a color overlay. How do I do that in CSS?

    Also, if I add a widget to the footer bar area, it automatically positions to the left of the copyright text. Is there any way that I can have the widget in the center above the copyright text?

    #973158
    David
    Staff
    Customer Support

    Hi there,

    the simplest way is to add the overlay and the image using CSS and take advantage of the linear gradient property:

    .footer-widgets {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('full_image_url_here');
    }

    This CSS will stack the site info widgets and centre align them:

    .inside-site-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #973841
    Elzanne

    Thank you David! 🙂

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