-
AuthorPosts
-
June 19, 2015 at 1:42 pm #461852
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!!
June 19, 2015 at 3:24 pm #461980Hey 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!
IsmaelJune 19, 2015 at 6:16 pm #462085Hi 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!June 22, 2015 at 8:46 am #462480Hi!
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,
RikardJuly 1, 2015 at 11:35 am #466897Hello!
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!
July 2, 2015 at 12:07 pm #467428 -
AuthorPosts
- You must be logged in to reply to this topic.
