Fullwidth wrap – gap at the bottom

[Claire]

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

[SeaTheme]

Hi,

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

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[Claire]

This reply has been marked as private.

[SeaTheme]

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

[Claire]

Thanks a lot!!

[Claire]

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!

[SeaTheme]

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!

[Claire]

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

[SeaTheme]

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

[Claire]

This reply has been marked as private.

[SeaTheme]

Hi, I replied your mail.

Regards!

[Claire]

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

[Claire]

This reply has been marked as private.

[Claire]

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

[SeaTheme]

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!

[Claire]

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

[Author]

Posts