[Resolved] Customize Footer Background Image and Widget layout

Home Forums Support Customize Footer Background Image and Widget layout

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1505952
    Sara Genone

    Dear David
    I’,m working on customize the web site footer.
    I need to be able to put an image as background and also equally distribute spacing bwteween 4 widgets.
    How can I do this?
    I have to build a custom element?
    Thank you for suggestions
    Sara
    P.S. I love your theme 🙂 is very very performant!

    #1506095
    David
    Staff
    Customer Support

    Hi Sara,

    the Site you installed adds this CSS to the Customizer > Additional CSS:

    @media (min-width: 1025px) {
        .footer-widgets .footer-widget-1 {
            flex-basis: 65%;
            padding-right: 80px;
        }
    
        .footer-widgets .footer-widget-2 {
            flex-basis: 15%;
        }
    
        .footer-widgets .footer-widget-3 {
            flex-basis: 20%;
        }
    }
    
    @media (max-width: 900px) {
        .inside-footer-widgets {
            flex-direction: column;
            text-align: center;
        }
    
        .inside-footer-widgets>div {
            padding: 20px;
        }
    }

    You can delete that to reset the widgets to their usual settings.

    To add a background image you can enable the Background Images module:

    https://docs.generatepress.com/article/backgrounds-overview/

    #1507772
    Sara Genone

    Thank you!

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