Home Page – Split Slider – White Space

[mrhocsParticipant Support Period Has Expired]

Hello

In your demo as well as my local installation, there are white bands on the left slide. Can you please tell me how to remove these and have the image cover the area as the right slide does?

Here is an example on your demo: https://jumpshare.com/v/yevgF521THgF2jNtBGRw

Thank you for your help!

[Alex – Support TeamKeymaster]

Hi

Please set your website online and give me the link so I can solve this problem .

Thanks

[mrhocsParticipant Support Period Has Expired]

Hi Alex!

I just got it figured out. Took awhile to search around for what was going on. Turns out that if you only have a home page set to display the split slider only (no content below), it removes the scroll bar and shifts content right, leaving a white space on the left side of the screen. To fix this portion, I added this to the home page’s VC CSS settings:

 
html {
overflow-y: scroll !important;
}
 

Then I got it figured out that there is CSS written in to force the left part split slider slide to have a 10px white bottom border. I went into (/css/vc/moresa.css) – about line 4588 – and removed the following:

 
.left-part .ms-section:after{
content: “”;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 10px solid #fff !important; <– REMOVED THIS LINE
}
 

[Alex – Support TeamKeymaster]

Ok thanks