April 14, 2016 at 5:00 am
Hi,
I’ve built my homepage using the widgets in Theme Options –> Home Layout but I can’t work out how to control the amount of blank space between the various widgets.
In Homepage Layout Manager I have enabled:
– Custom Carousel (added several images as slides)
– Page Content (just a few lines of plain text)
– Image Menu (3 rows of 3 slides, set to Height = 140)
– Home Widget Area (which has a ‘Visual Editor’ widget with a few paragraphs of plain text, using the Black Studio TinyMCE Widget, Then a ‘Pinnacle:Recent Posts’ widget and a couple of ‘Pinnacle:Image Menu’ widgets)
There’s no custom CSS, I haven’t changed any HTML surrounding the plain text in the editor, and I haven’t used SiteOrigin PageBuilder on this page. There are also no blank slides in the Custom Carousel or Image Menu that might throw out the spacing.
I’d like to reduce the amount of blank space above and below the Image Menu widget in particular, as it seems too much to me. I think this might be div.home-padding.home-margin (trying to guess using the Inspect Element in Firefox)
I’d also like to reduce the space around Page Content (might be div.homecontent.clearfix.home-margin).
And then within the Home Widget Area a big chunk of space gets inserted around the Visual Editor widget, yet the space between Pinnacle:Recent Posts and the Pinnacle:Image Menu widgets is nice and tight, but I can’t work out what div this might be.
Is there a way to adjust these spacings with some custom CSS?