Reduce width footer widgets

Hi, my site is https://personalizatusjoyas.com and I would like to reduce the padding-boottom in footer. Im using this code, but its not enough.

.footer-widgets{
padding-top: 10px;
padding-bottom: 0px;
}

Here you can see a screen shoot.
http://gofile.me/2MjIJ/FIHUfJPLC

Thanks in advance.

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .footer-widgets.widget-area .widget {
      margin-bottom: 5px;
    } 

Regards,
Kharis

Hi Kharis, thanks!!!

As always quick response and perfect solution. Could you tell me if it’s possible to horizontally align the footer’s widgets?

Thank you again :slight_smile:

You’re welcome!

Please try adding the below CSS code:

    @media only screen and (min-width: 992px) {
      .footer-widgets .roll-promobox  {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -4px;
      }
      
      .footer-widgets .widget.widget_media_gallery {
        margin-bottom: -3px;
      }
      
    } 

Regards,
Kharis

Great!! its work perfect thank you very much!!!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hi Kharis,

I am using SydneyPro business and want to change the space of bottom (not sure if you call that margin or padding)part of my footer and make it smaller. I used your suggestion and it didnt change anything for me
(it is the blank space between widgets and 2017-2021 Authentic Asset Management Inc.

Hi,

Can you share a link to a website you need help with, so I can check it directly and get the correct code to suggest?

Regards,
Kharis
aThemes Support

Hi Kharis,

www.authenticasset.ca

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #sidebar-footer.footer-widgets {
      padding-bottom: 0 !important;
    }

    #sidebar-footer.footer-widgets .sidebar-column .widget:last-child {
      margin-bottom: 0 !important;
    }

Regards,
Kharis
aThemes Support

Hi Kharis,

It did work, thank you. Is it possible thought to make it tighter? perhaps the same size of the heading of the footer

. then followed by the copyright 2017-2019 Authentic Asset Management Inc

As checked further, I found empty spaces in your contact widget.

I’d request you edit that widget, and ensure there is no empty space at the most bottom line.

Regards,
Kharis
aThemes Support

Hi Kharis,

Here it is, are you able to see this now?

Thank you, Kharis for your help!

Hi,

I checked again and saw the empty spaces still present in your last widget.

You can hide them instantly by adding this CSS code to your website’s Additional CSS.

    .footer-widgets p:empty {
      display: none;
    }

Regards,
Kharis
aThemes Support