[Resolved] Footer Widgets Background color

Home Forums Support Footer Widgets Background color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1268644
    John

    Hi Support team,

    Is it possible to have the footer-widgets separated colors. My site has a white background. and the footer-widgets area is grey. What i like to have is 3 grey footer-widgets, separate by the white background.

    And is it possible to have the title of the footer-widget to have a backgroundcolr.

    Like to hear from you
    Kind regards
    John

    #1268794
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .footer-widgets {
        background-color: transparent;
    }
    
    .site-footer .footer-widgets-container .inside-footer-widgets {
        margin-left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
    .inside-footer-widgets > div {
        background-color: #dddddd;
        margin: 10px;
        flex: 1 0;
        box-sizing: border-box;
    }
    .site-footer .footer-widgets-container .inner-padding {
        padding: 20px !important;
    
    }
    .site-footer .widget-title {
        margin: -20px -20px 20px -20px;
        padding: 20px;
        background-color: #000;
        color: #fff !important;
    }
    
    @media (max-width: 768px) {
        .inside-footer-widgets > div {
            flex: 1 0 100%;
            margin: 10px 0;
        }
    }
    #1268808
    John

    Thanks works great.
    Just a pity this is not in the Customizer.

    Kind Regards
    John

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