Footer 1 full-width widget instead of 3 column widgets

  • Author
    Posts
  • #129016

    jordynlei
    Member

    Is there a way to do the following within the Didi Theme?

    (1) change the footer that is currently 3 widgets across (3 columns) into just 1 widget that will go across the page, full-width?

    (2) once at full-width, have the background color as a solid black with white font?

    Thanks so much for all of your help in advance.

    The blog I need help with is fieldandherbs.com.

    #129154

    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme.

    1. you can add this to the Custom CSS:

    @media screen and (min-width: 45em) {
    .footer-widgets > div:nth-child(1):nth-last-child(2), .footer-widgets > div:nth-child(2):nth-last-child(1) {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    }

    2. you can use this inside the Custom CSS:

    .site-footer {
        background: #000;
        color: #fff;
    }
    
    .site-footer a {
    color: #fff;
    }

    Hope this helps.

    All the best,
    Ana

    #129161

    jordynlei
    Member

    Perfect! Thank you.

    #129170

    anarieldesign
    Theme Author

    You are welcome :)

The topic ‘Footer 1 full-width widget instead of 3 column widgets’ is closed to new replies.