Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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!!

    #461980

    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

    #462085

    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!

    #462480

    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

    #466897

    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!

    #467428

    Hey!

    You need to use the google inspector or the firebug plugin in order to inspect the html codes. Or right click the page then click “View Source. Look for the body tag. You should see the id as one of the class attribute.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.