[Chris SParticipant]

I have used the below code to change the max height of my full width home page slider:

.rev_slider_wrapper, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg {
max-height: 619px !important;
}

The problem is that when I setup an above the masthead slider the same max-height is used.
Trying to define a max-height for use the 1 specific slider.

Please advise. Thanks!

[John EzraMember]

Hi there,

Thanks for writing in! We’ll try to see if we can narrow down your slider CSS selector. To assist you with this issue, would you mind providing us with your URL? Thanks!

[Chris SParticipant]

Yeah. No problem.

TheRiverChurch.net

[RupokMember]

Hi there,

Thanks for updating. You can add the preceding parent class to your CSS. For example, for the slider on top, you can use :

#x-content-band-1 .rev_slider_wrapper, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg {
max-height: 619px !important;
} 

You can do the same for other slider and this will not affect other slider.

Hope this makes sense.

Cheers!

[Chris SParticipant]

Thank you for the code. But I am still experiencing the above masthead slider with the same max-height.
Would the content band number change with the added section above?
I have left the slider up on the site so you can see.
Thanks!

[Chris SParticipant]

Thanks for the help. I actually have resolved the issue myself. Appreciate the code. Pointed me in the right direction!

#x-content-band-1 .rev_slider_wrapper, #x-content-band-1 .rev_slider, #x-content-band-1 .tp-fullwidth-forcer, #rev_slider_2_2 .rev_slider .tp-bgimg.defaultimg {
max-height: 619px !important;
} 

[ChristianModerator]

Glad you’ve sorted it out. 🙂

[Author]

Posts