- This topic has 8 replies, 6 voices, and was last updated 6 years, 6 months ago by Leo.
-
AuthorPosts
-
September 8, 2015 at 3:35 pm #135400Cynthia Silk
Greetings!
How do I reduce the space between the 4 footer widgets I currently have?
http://www.the-angel-channeler.com
Thank you,
Cynthia
September 8, 2015 at 10:45 pm #135443bdbrownHi Cynthia. By “reduce the space” do you mean you want to squeeze them all closer together towards the center, with a larger space on the far left and right sides of the footer?
September 9, 2015 at 12:51 am #135465TomLead DeveloperLead DeveloperYou can maybe try something like this:
.inside-footer-widgets .inner-padding { padding: 0 20px; }
September 9, 2015 at 7:02 am #135552Cynthia SilkHello bdbrown
Hi Cynthia. By “reduce the space” do you mean you want to squeeze them all closer together towards the center, with a larger space on the far left and right sides of the footer?
Yes that is exactly what I mean.Thank you! Cynthia
September 9, 2015 at 7:11 am #135554bdbrownExpanding on Tom’s CSS, I added some additional code for mobile views:
/* reduce space between widgets */ .inside-footer-widgets .inner-padding { padding: 0 20px; } /* push widgets right so equal outside spacing */ .footer-widget-1 { margin-left: 8%; } /* reduce width of widget container */ @media (min-width: 1025px) { .inside-footer-widgets .grid-25 { float: left; width: 22%; } } /* reduce width of widget container so all in one row on mobile*/ @media (max-width: 1024px) and (min-width: 768px) { .inside-footer-widgets .tablet-grid-50 { float: left; width: 25%; } } /* center widgets in column and remove left margin */ @media (max-width: 1024px) { .inside-footer-widgets > div { margin-bottom: 50px; text-align: center; } .footer-widget-1 { margin-left: 0; } }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
October 21, 2015 at 5:26 am #146196datafixHi!
I have a problem with footer widgets, they are all together with no spacing at all. I’ve tried the code Tom posted but it didn’t help.
My sites address is http://datafix.dy.fi/huusholli/
Thank you!
October 21, 2015 at 11:03 am #146300bdbrown@datafix – The code posted above is to reduce the spacing between the widgets. Your problem is the opposite so it would be better if you could start a new topic. Thank you.
September 26, 2017 at 2:46 pm #392506SylviaHi I am having the same problem with too much space between the footer widgets. I installed simple css and added the code
.inside-footer-widgets .inner-padding {
padding: 0 20px;
}but nothing changed. You can view in my sandbox development site: http://ipep-genpress1.qsandbox.com/ (access code: 000).
Thanks,
Sylvia
September 26, 2017 at 7:39 pm #392575LeoStaffCustomer SupportMaybe try using contained here? https://docs.generatepress.com/article/footer-layout/
-
AuthorPosts
- You must be logged in to reply to this topic.