I made my site using the free page builder and Corp theme.
Facing a bit of problem with the footer. When I don’t add any widgets to it, it is nice and sleek. I like it. I would maybe like the easy ability to make it even smaller than the height it is now with 0 padding etc)
But the real problem arises when I add a widget to the footer.
For example, when I add the Google Analytics code: it increases the footer bar significantly in height,
See: https://ibb.co/gN7ZEo
Then if I add another widget it increases the height even more. Even though this second widget should ideally go into a separate column and so no need for height increase.
https://ibb.co/bAPs0T ; https://ibb.co/b9rGS8
If I add two widgets then it’s completely unviable!
Why aren’t the different widget contents being pushed into separate columns with footer height intact? Also, a widget content like Google Analytics code shouldn’t take up any space, so I should be able to add it there, without any design change at all. It’s what I do with my other blogs/sites.
My site: www.priyankadalal.com
Hi Priyanka
Thanks for posting.
Analytics tracking code should ideally be added using a plugin https://wordpress.org/plugins/insert-headers-and-footers/.
Widgets added to the footer widget area should be forming equal width columns. For example, the demo has four widgets and four columns.
If you can show us what’s happening live on your site we can try to assist further.
Hey there,
Sorry for the delayed response. How do I show what’s happening with my site live? Do you want to create a video?
I followed the typical route to add footer widgets, Appearances>Customize>Widgets>Footer
Or Appearances>Widget and then drag and drop the widgets into footer section.
Both places it clearly says, “A column will be automatically assigned to each widget inserted” but somehow the column doesn’t get created. Instead, the widgets keep stacking up.
BTW I moved my Google Analytics code to the plugin you mentioned. That definitely seems a better option than adding a custom HTML widget :)
If possible, please could you add footer widgets so we can see the problem live on your site and inspect the code. Thanks.
Ok, I have now added a few widgets in the footer. They are now spaced horizontally in one row, separate columns. So it seems the problem is partly solved. I am not sure how it got solved though, until yesterday, each widget was stacking one on other… Maybe the GA code in the footer was causing the issue.
However, there is still a huge space between the footer widgets and bottom bar. How can I remove this?
I have put “Footer widget area top and bottom padding” as 0px in Customize section.
Warm Regards,
Priyanka
Thanks. You can try adding the following to Customize > Additional CSS:
.site-footer .widgets .widget { margin-bottom: 0; }You can also change 0 to 10px for example.
Great, thanks.
That sorts it. I may have more Qs about changing margins/padding in footer widget, but will start a new thread if needed. Anyway, currently I don’t plan to work on it.
Appreciate the quick turnaround.
Warm Regards,
Priyanka
Glad to hear that helped. All the best :)