Front Page Slider Decrease Size (4 posts)

  1. carissawp
    Posted 1 year ago #

    How do I decrease the overall size of my front page slider so that the Featured Pages show up above the fold?

  2. rdellconsulting
    Posted 1 year ago #

    Try this:

    /* Adjust the Slider Height */
    #customizr-slider.carousel .item {
    height:         224px;
    min-height:     224px;
    line-height:    224px;

    Credit: @acub

    Change the 224 to what works for you.

  3. acub
    Posted 1 year ago #

    Please note that this doesn't behave well on very narrow screens, especially if the text goes out of the slider. Haven't had the time to look for a fix. I'll post when I find one, if.

  4. dfwmax
    Posted 1 year ago #


    Thanks in advance. I look forward to a solution too if there is one. I used the above code to reduce slider height by 100px and it made the entire slider drop down over an inch on my iPhone screen on narrow view.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic