- This topic has 6 replies, 3 voices, and was last updated 5 years ago by
.
-
Posts
-
Hello Wes. I’m still hoping for some guidance to reduce blank space or headroom, whatever the technical term may be, between Front Page elements. I have Rev Slide in front page 1. Not using front page 2. A text box in front page 3.
How can I reduce white space, blank space or headroom between top of Front Page 3 and bottom of the slider in Front Page 1? This is on local host so no link is available. I do have a screen grab that I am not sure how to attach. ThanksUnfortunately there’s no way to tell where the issue is coming from exactly without a link to the site. If you can upload what you have to a temporary subdomain then I can check it out…..or just let me know when you have your site ready and I can check there.
I understand. May I ask, hypothetically, looking at the Aspire Pro Live demo,
how can I reduce the white space/headroom/ – may top margin of the text area within a front page area – between the orange/red box and the text line; “Get more Sales with a Killer Design!” and again at the bottom between the Apple, Paypal, etc logos and the black background of the next Front Page area?
Thanks for your time.That’s the front-page-3 widget/section and it’s controlled by the
.flexible-widgetson line 1757..flexible-widgets { padding: 140px 0 120px; }This code also controls the padding/space on all of the other widgets, so if you change this directly, you’ll be changing all the rest of the widgets as well. If you just want to control the padding/space for this section alone, add something like this to your CSS –
.front-page-3 .flexible-widgets { padding: 80px 0 60px; }The
80pxcontrols the top padding, and the60pxcontrols the bottom. You can decrease or increase them more if you need to.Let me know if that helps.
Sorry to butt in on this thread but I need to do the same. I swapped frontpage widget 3 with frontpage widget 4, so #4 now is directly under widget 2 (the enews). I have a large white gap at the top, and although I put in this code below, adding it in around line 1636, I don’t seem to have reduced the white space. Any further ideas? Do I need to do something with a .wrap or widget 2 – which I made full width and without a minus margin so it sits directly under the frontpage 1 header image.
I’ve a screengrab viewable here: https://creatistadesign.com/aspire-theme-issues/
.front-page-4 .flexible-widgets {
padding: 0px 0 10px;
}Help much appreciated
@wizz3103 I can take a look but I would need a live link in order to see where the space is coming from (since a screenshot/image won’t be enough to see what’s going on underneath). Is the site live yet?
- You must be logged in to reply to this topic.