Hi guys,
I’m trying to get the homepage slider image to fit to screen and get rid of the blank white block that is showing up under the image. The website is http://www.81881810.com/IVCR2/
I also want to position the slider title and description a little down so it looks to be centered height wise.
Thanks,
Shehan
You can make the white block disappear and have only the slider show up using this CSS code:
body.home .site-content,
body.home .site-footer {
display: none;
}
You can vertically align the content in the slider using this CSS code:
@media (min-width: 992px) {
.sidebar-full-screen .slide-container {
display: flex;
align-items: center;
}
}
The custom CSS rules should go under Appearance > Theme Options inside the “Custom CSS” field.