How do I change the Enlightment theme's slider height

Viewing 6 posts - 1 through 6 (of 6 total)
  • #21193
    Anonymous
    Inactive

    Hi,
    Great theme, my first build with it and it is going well. Can anyone advise on how to adjust the height of the slider please?
    Many thanks
    Joss

    #21320
    Melaina
    Participant

    I would also like to know where to change (reduce) the height of the slider – can anyone help?

    #21356
    repgirl
    Participant

    I would like to know this too as well as how to get rid of the grey-scale darkening of the header image.

    #22092
    hatemhamdy
    Participant

    me too

    #22132
    mcohan44
    Participant

    Anybody?

    #22229
    Zeror
    Participant

    Can be done in CSS. Put this in your child-theme’s CSS file and the adjust the height values to what you need.

    .slide { //Regular size
    	max-height: 560px;
    	overflow: hidden;
    }
    
    @media (min-width: 992px) { //Responsive size
    	.custom-query-slider .slide {
    		height: 360px;
    	}
    	
    	.sidebar-full-screen .custom-query-slider .slide {
    		height: 560px;
    	}
    }

    If need to adjust the padding space on top and bottom, because of the adjusted space, use this CSS for that:

    .sidebar-full-screen .slide-container {
        padding: 60px 0; //Change the 60px value to what you need
    }
    • This reply was modified 7 years, 10 months ago by Zeror.
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.