How to remove whitespace?

dougsisco · November 17, 2015, 4:48pm

I’m new to WordPress and BB; I’m coming from a CSS and HTML background. I would like to remove the whitespace around a new widget that I have placed in a row. If I try to change the widget or row margins or padding they are all greyed-out. Why are these items greyed-out and how can I change them?

kcchai · November 17, 2015, 6:25pm

Hey doug,

Welcome to BB forums! The greyed out values in row margins or paddings are actually the default values. You can easily overwrite it by inserting your preferred values in it. Is this the answer you are looking for? Else, do you mind sharing a screenshot so we can take a look? You can upload it to imgur and paste the link here.

Thanks!

KC

dougsisco · November 17, 2015, 6:31pm

I found the global margins/paddings setting in Edit Page, TOOLS (button)/ Edit Global Settings; no need to reply to this question.

kcchai · November 17, 2015, 6:35pm

Hey doug,

Glad you figured it out, enjoy BB and let us know if you need anything further!

Thanks!

KC

dougsisco · November 17, 2015, 6:37pm

Thanks for the quick reply; I must have replied to my own post just after yours.

However now I’m looking for a way to change the footer height. Sorry for the newbie questions but WP is really a strange beast and I’m hoping BB will make it a bit more tame without having to resort to the CSS editor.

kcchai · November 17, 2015, 7:04pm

Hey doug,

If you using our BB theme, try out this CSS snippet. Is this what you are looking for by chance? Else, could you please share your Website URL with me so I could tell you the correct CSS snippet to do this?

.fl-page-footer {   
    height: 500px; /*Your Preferred Height*/
}

Thanks!

KC

kcchai · November 17, 2015, 7:20pm

Hey doug,

Since you are new to our product, I’d just want to tell you a little bit more. BB Page Builder can only edit the contents of a page, not the entire page. Some elements of a page are controlled by the theme, like the Header/Sidebar/Footer. BB templates are only applied to the content area of a page, so you won’t be able to change the elements on the Header/Footer/Sidebar using the BB Page Builder. Let us know if you need anything further.

Thanks!

KC

dougsisco · November 17, 2015, 7:22pm

After some more research I figured the only way to change the footer was to edit some CSS.

I’m sure I’ll have some more newbie questions for you tomorrow. Thanks again for your quick replies.

kcchai · November 17, 2015, 7:41pm

Hey doug,

Very cool, enjoy BB and let us know if you need anything further!

Thanks!

KC

dougsisco · November 18, 2015, 10:20am

I have a little problem: it appears I cannot adjust the properties of a row because, when I hover over the row (and the area is shaded blue), the top control buttons are hidden below the horizontal bar with the squirrel and the words “Page Builder”. If I insert a row above this one, the controls appear. See a little video of the problem here: http://dougsisco.com/temp/dougsisco1.wmv

bencarlo · November 18, 2015, 10:26am

Hey Doug,

We’ve already applied a fix for that issue a while back. The control buttons should be available on the bottom left corner of the row instead. Could you double check?

Ben

bencarlo · November 18, 2015, 10:27am

Screenshot for reference.
http://imgur.com/fKbIHDw

dougsisco · November 18, 2015, 10:32am

Ah, yes, thank you: I scrolled down and the controls are at the bottom left.

I’m trying to determine why my content (the gallery) has whitespace above it. The same thing happens if I add a standard widget such as text. I checked the row’s padding and also the global settings. Is there another place I should look?

bencarlo · November 18, 2015, 10:33am

Hey Doug,

Can you share the URL of the site so we can take a look? You can use the private reply option below.

Ben

dougsisco · November 18, 2015, 10:35am

Sure, it’s http://fix333.com

bencarlo · November 18, 2015, 10:38am

Hey Doug,

That’s because you’ve set the row to Full Height. Once you do, all the content inside it gets centered vertically.

Ben

dougsisco · November 18, 2015, 10:40am

Great, thanks again for the quick reply!

bencarlo · November 18, 2015, 10:43am

No worries! Enjoy BB!

Ben

dougsisco · November 20, 2015, 6:42am

Sorry for another newbie problem, but I’m stuck again (http://fix33.com).

I’m trying to get the row background (the picture frame) on top of a page background (dark brown walnut). I added the walnut (page) background in theme/general/background. But there are two problems: the walnut page background appears only in the lower half of the page, and the row does not extend far enough down to show the entire row background (the picture frame), and there does not appear to be a way to set the absolute height for a row.

bencarlo · November 20, 2015, 6:49am

Hey Doug,

The theme sets a white content background by default. You change this to transparent by heading over to Theme Customizer > Content > Content Background. Simply delete the value in the box then just click out of it.

Re setting a fix height for the row, there is no way to do this via BB settings. You can add more padding to the row though. Or you can set the height via CSS. Place a class of fixed-height to your row under the Advanced tab and add the CSS code below.

.fixed-height .fl-row-content-wrap {
  height: 1000px;
}

Ben