New Landing › How can we help? › Themeforest Theme Support › Uplift › get rid of Blank page containers

Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • Back to forum
    Posted in: Uplift
  • July 1, 2016 at 4:28 am #278540
    thelabstudio
    Member
    Post count: 10

    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?

    July 1, 2016 at 10:36 am #278577
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    July 1, 2016 at 2:54 pm #278674
    thelabstudio
    Member
    Post count: 10

    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.
    July 1, 2016 at 3:40 pm #278694
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

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

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

    Hope it helps.

    -Rui

    July 1, 2016 at 4:32 pm #278710
    thelabstudio
    Member
    Post count: 10

    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

    July 1, 2016 at 4:35 pm #278711
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    July 1, 2016 at 5:18 pm #278724
    thelabstudio
    Member
    Post count: 10

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

    July 1, 2016 at 5:32 pm #278728
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    kk. Will check.

    -Rui

    July 1, 2016 at 5:51 pm #278732
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Guess I found did.

    Use this code.

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

    -Rui

    July 1, 2016 at 6:09 pm #278737
    thelabstudio
    Member
    Post count: 10

    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.
    July 1, 2016 at 6:20 pm #278742
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    July 1, 2016 at 6:24 pm #278743
    thelabstudio
    Member
    Post count: 10

    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

    July 4, 2016 at 4:19 pm #279032
    David Martin – Support
    Moderator
    Post count: 20834

    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; 
}
    July 4, 2016 at 6:04 pm #279069
    thelabstudio
    Member
    Post count: 10

    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?

    July 4, 2016 at 6:10 pm #279070
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

  • Back to forum
    Posted in: Uplift
Viewing 15 posts - 1 through 15 (of 19 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register