get rid of Blank page containers

[thelabstudio]

How do I get rid of containers, I created a new page to be my landing page, but notices some blank spaces in some areas of the page, I tried everything but no success, removed part of them modifying the margin via CSS, but can’t get rid of all of them.

So I created a new page, without any element and it ever have some blank area, if I use the inspector I see that in sourcecode I have one main container that I’ve never created, how do I get rid of it?

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to get your issue exactly.
Thanks
Mohammad

[thelabstudio]

Here are the attachments, one with normal zoom, one with decreased zoom, and one with what I have in visual composer.
I have used visual composer several times, never encountered something like this, I already searched for a padding/margin value in row settings but no success.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Try to add the code below to your custom css option.

#footer-wrap {
    margin-top: -35px;
}

Hope it helps.

-Rui

[thelabstudio]

It works, will try to mount the entire landing page and find if I get another problem, but I want to know if there is a definitive solution to avoid all this premade margins/padding or other things like this.

Thanks in advance, Ive previously inspected the page but havent found that it was the margin of #footer-wrap

[Rui Guerreiro – SUPPORT]

I also couldn’t determine exactly where it cames from after inspecting all the code for a while. It’s not from the footer but using this solution can also work.

If you have any further issues let me know so we can look at it again.

-Rui

[thelabstudio]

If you can check again, I added a new row for containing some text, and again a blank space appeared between my elements

[Rui Guerreiro – SUPPORT]

kk. Will check.

-Rui

[Rui Guerreiro – SUPPORT]

Guess I found did.

Use this code.

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px!important;
}

-Rui

[thelabstudio]

But this affect my green bar height, so it does not look good, and in larger resolutions I got blank space in the bottom of the page, this blank at the bottom (in 1920×1080) I think is because theres no more content in the page and the theme fills it with white (never happened before).

And I noticed a little bug with my logo on a retina macbook, the is moved down, I will attach a picture so you can see the problem.

The screenshot is not from the mac but from responsive mode in safari, and I got the same result on the mac, you can see the logo down in this resolution and the white space at the bottom. (havent touched anything of the logo, just uploaded), this happens with and without the latest fix you posted.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Remove the 1st code I sent.

Working fine in my emulation.
https://www.dropbox.com/s/ku2la4bfuzp4sjd/Screenshot%202016-07-01%2018.28.10.png?dl=0

-Rui

[thelabstudio]

Thats normal iPad resolution, iPad pro is 2048×1536 and 2732×2048, and yes I have only the latest fix in my custom css.

And you cant note what I say in the middle green bar, with the fix it get cropped in the bottom, because it is supposed to have vertically centered text

[David Martin – Support]

Have you removed the previous codes?

Please add this CSS:

.wpb_button, 
.wpb_content_element, 
ul.wpb_thumbnails-fluid>li {
margin-bottom: 0px;
}
div.vc_row.wpb_row.vc_row-fluid.vc_custom_1467403312635.vc_row-has-fill.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex { 
padding-bottom: 30px; 
}

[thelabstudio]

Thanks David Martin, that worked and looks good, I see that one fragment of the css removes the margin, and the other portion of css compensates with some padding so it looks good, thank you very much.

In the code I see this class: vc_custom_1467403312635, the numbers are some kind of id? it means that it will only work for that specific row? or in all pages?

At last, why that space appear there?

[Rui Guerreiro – SUPPORT]

Hi,

That it it’s a unique id for that row from the visual composer. That space appears from a Visual composer css, since the plugin is not developed we can’t explain the reason of it.

Hope you understand.
thanks

-Rui