Footer Widgets are not stacking on top of each other

[Stephen]

I am using coffee pro,

Issue: When adding more than one footer widget in an area (Footer Widget 1) Instead of stacking the widgets, it is moving over to one side, and moving the footer widget 4 area down one.

https://hallnhall.com/tror/

Example on the footer
Proud Member of is the Image widget In footer widget 2
Proud Supporter of is the Image widget in footer widget 2 however it has moved over

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.widget-column-3, .widget-column-4 { width:20%;}
.cols-4 { width:17%; margin:0 2% 3% 0;}
.ctct-form-header { font-size: 10px !important;}
._2p3a { width: 200px !important;}

Regards,
Dave

[Stephen]

That is better, but they are still not stacking on top of each other, I now have 5 columns. Any ideas?

Thanks for your help!

[Sonnal S Sinha]

Hi,

Can you send us the screenshot after using my CSS? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[Stephen]

https://i.imgur.com/wVeIgyv.png

Here you go

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.cols-4 { width:17.5% !important; margin:0 3% 3% 0 !important;}
#text-3 h5 { padding-right: 20px;}
.fb_iframe_widget span { width:190px !important;}
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { font-size:16px !important;}
#footer-wrapper iframe { width:100% !important;}

Regards,
Dave

[Author]

Posts