Hello, a while ago we had added this CSS quick code to our siute, so we might have all sliders appear same height gobally.
.avia-slideshow-inner {
height: 415px !important;
}}
Today want to use a full screen slider, but of course…this code is causing the full screen to appear at 415 px. Is there a way to chnage this code to keep most sliders at this 415 px but allow the full screen to be at like 650 px or something like that?
Thanks!!
Hey lobstahhhhhhh!
Thank you for using Enfold.
Please give us a link to the pages with the sliders. We would like to check it. Try to change the code to:
.avia-fullwidth-slider .avia-slideshow-inner {
height: 415px !important;
}
Cheers!
Ismael
Hi there,
See for example this page, it’s being contained by the coded pasted earlier. http://www.lobstertrail.com/eat/lobster-bakes/
I tried your new code, but did not contain it and made it higher. Thanks for your help!
Hi!
Just checking if I understand you correctly; you want all sliders the same height except on the page in question? If so, please try the following CSS:
.page-id-155 .avia-fullwidth-slider .avia-slideshow-inner {
height: 600px !important;
}
Regards,
Rikard
Hello!
Yes am trying to set a few pages in the site to this increased height. If so, and build out a new page for this height, how does one find the page id? Thank you!