Reduce width footer widgets

Sydney Pro
#1

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.

#2

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

#3

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:

#4

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

#5

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

#6

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

#7

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.

image
image1325×486 19.9 KB

#8

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

#9

Hi Kharis,

www.authenticasset.ca

#10

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

#11

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

image
image1290×317 16.1 KB
. then followed by the copyright 2017-2019 Authentic Asset Management Inc

#12

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

#13

image
image1319×426 22.7 KB

Hi Kharis,

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

#14

Thank you, Kharis for your help!

#15

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