• Resolved Royah Marie

    (@hautecreations)


    Hello,

    My page is not published yet but what I’m trying to do is reduce the overall size of the footer widget. I have two columns just above my .site-info.

    There seems to be a huge space above my columns and below the general site information, as well as below the columns and above my .site-info.

    I am using the Boutique child theme of Storefront.

    Also, is there a way to assign a background color to the footer widget? I would like it to appear as if it were a part of the background rather than a part of my general site information.

    Thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi there,

    Thanks for reaching out.

    We can reduce this space by using CSS code. Can you please go to Appearance > Customize > Additional CSS and add the following CSS code:

    footer#colophon .col-full {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    footer#colophon .footer-widgets {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    Let me know how it goes!

    Best,

    Thread Starter Royah Marie

    (@hautecreations)

    Thank you, that worked.

    Also, is there a way to assign a background color to the footer widget? I would like it to appear as if it were a part of the background rather than a part of my general site information.

    Hi @hautecreations

    I have tried to change the footer widget background color using Custom CSS, and here is the output: https://d.pr/i/q9sCFs

    You can try the below CSS code:

    /* change footer widget BG color | 5559683-zen | NS */
    
    .has-black-background-color {
        background-color: #e6a236 !important;
    }

    To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS there.

    Let us know if this works for you.

    Thread Starter Royah Marie

    (@hautecreations)

    Thank you but that’s not quite what I’m looking for. How can I send you a screenshot through here so I can illustrate what I wish for?

    Hi @hautecreations

    We recommend using https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in your reply.

    Thank you!

    Thread Starter Royah Marie

    (@hautecreations)

    Here you go. The scribble = all black coloring.

    https://snipboard.io/geIU9Z.jpg

    Hi @hautecreations

    You can try the below CSS code:

    /* change footer widget BG color | 5560183-zen | NS */
    
    .site-footer .col-full {
        background: #000000 !important;
    }

    To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS there.

    Let us know if this works for you.

    Thread Starter Royah Marie

    (@hautecreations)

    You are amazing! That worked beautifully! Thank you so much!

    Hi @hautecreations

    You are amazing! That worked beautifully! Thank you so much!

    I am glad that I could help! ??

    Please let us know if any additional issues arise!

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Reduce overall size of Footer Widget’ is closed to new replies.