CSS code for reducing the Footer size

  • Manu Mathur

    (@transformers001)


    4 years, 3 months ago

    Hi Devs,
    Greetings!

    Yesterday, I changed my blog theme to “Blog Way” and I am quite happy with the overall look and feel.
    However, I have a query & a suggestion to give. Here are those:

    1. Since, I only have my Social icons & the Copyright text in the footer, what particular CSS code can I apply to reduce its size?
    It’s too broad right now and hence the reduction.

    Also, let me know if I apply this above CSS, will I ever be able to bring the footer to this default size? If yes, please guide on the CSS code.

    Suggestion: – Please allow Free “Blog Way” users the option to showcase social icons of their choice in the Header part. It will surely be helpful for a lot of folks.

    I hope you will take the suggestion in a positive way.

    Looking forward to your response.

    Cheers,
    Manu Mathur

    • This topic was modified 4 years, 3 months ago by Manu Mathur.

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

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello There!

    Hope you are doing good!

    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    .site-footer{padding-top: 0;}
.site-footer #footer-widgets{padding-top: 20px;}
.site-footer .zoom-social-icons-widget{margin-bottom: 0;}
.site-footer .zoom-social-icons-list{margin-top: 0!important;}
.site-footer .zoom-social-icons-widget .widget-title{top: 0;}
.site-footer .site-info{padding-top: 15px; padding-bottom: 15px;}

    Hope this helps!

    Please let us know in case you face any issues.

    Have a great day ahead!

    Regards.

    Thread Starter Manu Mathur

    (@transformers001)

    Hi Devs,

    Thanks a lot for responding. The code worked and the footer looks perfect now. ??

    A quick query: In case, I add up more elements in future, I will have to edit the value of these:

    • padding-top: 20px;
    • padding-top: 15px;
    • padding-bottom: 15px;

      • only right?
      No change whatsoever will be made in the rest of the code?

    • This reply was modified 4 years, 3 months ago by Manu Mathur.

    Hello There!

    yes, you just need to update the values.

    Regards.

    Thread Starter Manu Mathur

    (@transformers001)

    Great.

    Thanks for clarifying the issue.

    I hope you developers will also look into the suggestion I shared in the first post of including social icons in the Header part in the coming theme updates.
    It will surely be helpful for a lot of folks.

    Cheers,
    Manu Mathur

    Hello There!

    Sure, we will have a discussion with the management and if we will get the approval then we will surely consider this in the next update.

    Regards.

    Thread Starter Manu Mathur

    (@transformers001)

    Hello,

    I hope you do get the approval.
    Best wishes.
    Looking forward to your next update.

    Cheers,
    Manu

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS code for reducing the Footer size’ is closed to new replies.