Making homepage slider full page/fit to screen

Viewing 2 posts - 1 through 2 (of 2 total)
  • #22540
    rnpweb
    Participant

    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

    #22569
    Daniel Tara
    Keymaster

    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.

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

You must be logged in to reply to this topic.