Adjusting footer widget width

Shapely
1

Hi!

I’m trying to adjust the width of footer widgets in Shapely. I have a couple of Facebook event feeds that I want to display there. When I get the code from the Facebook for Developers site, I can choose to have the code conform to the site’s widget area. However, if I check that box, then some of the information from the event listing gets cut off. If I don’t check that option, the widgets overlap (see screengrab).

How do I adjust the widget width so they don’t overlap?

Thanks,
Katy

2

Hey there,

I hope you are well today and thank you for your question.

Kindly send the URL to your website so we can investigate the issue for you.

Best regards,
Support.

3

Hi,

It’s at http://db5.650.myftpupload.com/

Thanks,
Katy

4

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*increase widget width*/
.col-md-3.col-sm-6.footer-widget {
    width: 30%;
}

Best regards,
Support.

5

That worked perfectly. Thank you so much!!!

6

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support

7

Case closed