Home Forums Air WordPress Theme Fullwidth wrap – gap at the bottom

This topic contains 15 replies, has 2 voices, and was last updated by  Claire 10 months ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #13454

    Claire
    Participant

    Hello,
    I am wondering how to remove the little gap that I get when I insert a fullwidth wrap on a page.
    For example, I set it up with a black background, insert an image on the left half and just add text on the right half.
    I get a small black line beneath the image as if the black wrap was just a little higher than the image…
    Could you help me remove it to have to clean halves: image on the left and black box with text on the right?
    Thank you in advance!
    Claire

    #13457

    BWSM
    Keymaster

    Hi,

    Please leave the page url with “Fullwidth wrap – gap”. I need check it.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #13462

    Claire
    Participant
    This reply has been marked as private.
    #13464

    BWSM
    Keymaster

    Please try to use the custom css to fix it.
    Please paste the style code to Custom Css (Appearance > Theme Options > General Settings : Custom Css):
    .fullwidth-wrap-inn .ux-hover-wrap {margin-bottom: -6px; }

    But it is not best solution, I suggest you use Fullwidth wrap > Half: https://www.dropbox.com/s/07ud1q3rxd8fd4k/QQ20170906-152002%402x.jpg?dl=0

    #13472

    Claire
    Participant

    Thanks a lot!!

    #14188

    Claire
    Participant

    Hi again!
    I have done the recommended changes (using Fullwidth wrap > Half) but the responsive version doesn’t seem to be working…
    On my mobile, the half with the image doesn’t appear. Only the half with the text does.
    Thank you in advance!

    #14189

    BWSM
    Keymaster

    Hi,

    Please add the custom css:

    @media (max-width: 768px){
    .row .fullwrap-half[class*="col-"] {display: block;padding-top:  0px !important;padding-bottom:  0px!important;
    }
    .responsive-ux .fullwrap-half-bg {
    visibility: visible; 
    }
    .fullwidth-wrap .parallax {
    position: static; transform: translate3d(0,0,0)!important;
    }
    .fullwidth-wrap .parallax img {
    width: 100%!important;height: auto!important;
    }
    .ux-mobile .parallax.back-background img.back-background-img {
        display: block;
    }
    }

    Regards!

    #14191

    Claire
    Participant

    Thank you very much for your prompt answer!

    It unfortunately doesn’t seem to work: the image appears very small on the left of the mobile phone screen and the text block is squeezed on the right.

    The ideal would be to have the image on top, and then the text block.
    Please let me know if there is a way to fix that.

    Thank you again,

    Regards,
    Claire

    #14194

    BWSM
    Keymaster

    Hi Claire, welcome!

    Please send your wp-admin(url/user/pass) via
    my profile contact form (you need login on ThemeForest), I’ll log in to check it.
    Regards,
    Fan

    #14198

    Claire
    Participant
    This reply has been marked as private.
    #14203

    BWSM
    Keymaster

    Hi, I replied your mail.

    Regards!

    #14221

    Claire
    Participant

    It works now! Thaks a lot for your help!
    Regards,
    Claire

    #14227

    Claire
    Participant
    This reply has been marked as private.
    #14260

    Claire
    Participant

    Hi!

    Thank you very much for your answer but it unfortunately doesn’t seem to be working properly :
    – the blocks still do not fit the screen width on the computer
    – on a phone screen the images only fit half of the sreen width
    Moreover I now have the following problems:
    – I now have the same issue on the About page (that was fine just before)
    – the wrap with my circle stamp (promote) that is used on several pages of my website isn’t centered anymore

    Any suggestion to correct this?
    Thank you again!!
    Regards

    #14265

    BWSM
    Keymaster

    Hi,

    I have removed the custom css on your site, it doesn’t work. I have change PHP file of pagebuilder on your admin. The image size should be fit screen now. Please use Fullwidth > Half to build this kind of layout, the parallax ratio must be set as 0.1. Please check About and Design-retail, I have reset ratio for the 2 pages.

    (Plz don’t use fullwidth block + single image, the custom css not for fullwidth block).

    Regards!

    #14267

    Claire
    Participant

    Hi,
    It works now. Thank you very much again!!!
    Regards,
    Claire

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.