Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 7, 2016 at 11:05 am #561101
    boemedia

    I’d love to open my homepage with a slider of 75% browser height with an overlay and button with link. I like the options in the content section, the only thing is, I can only realize 1 background here instead of a slider.

    It should be something like this, only with a 75% height: http://www.draperanddash.com/

    What is the best option in Enfold to establish this? Content section of 75% with a layer slider in it?

    January 7, 2016 at 2:46 pm #561253
    Rikard

    Hey boemedia,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 7, 2016 at 5:39 pm #561384
    boemedia

    Hello Rikard,

    Sorry, but it’s still a local MAMP installation… it’s just that I want a full width slider set at 75% browser height, with a button and a text.
    Please take a look at the example of Draper & Dash I mentioned before. I want that, only on 75% height, and using Enfold of course.

    Could you advice me on the best option?

    I’d rather see an possibility where I could fill a content section with a slider instead of a single image or video. But that’s not an option (yet?) I think?
    The easy slider does not provide enough possibilties, so I guess I have to go for the advanced layer slider?

    Kind regards,
    Monique

    January 7, 2016 at 5:45 pm #561387
    Yigit

    Hey!

    Please try using Color Section element with height set to 75% and add Easy Slider element inside it and then refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ to display your element fullwidth
    Cheers!
    Yigit

    January 7, 2016 at 7:56 pm #561474
    boemedia

    Hello Yigit,
    Actually, the best solution I think would be to apply the css-code of the content-section of 75% browser-height to the full width slider. Because the easy slider cannot contain buttons…

    How can I find this css-code of 76% section-height and apply it to the full width slider?

    Kind regards,
    Monique

    January 8, 2016 at 12:47 am #561680
    Yigit

    Hi!

    Can you please post the link to your page where you have slider so we can try to provide you accurate custom CSS code?

    Best regards,
    Yigit

    January 11, 2016 at 10:24 am #563025
    boemedia

    Hi Yigit,

    It still is a local installation, so can’t give you a link, sorry. But it’s just as applicable to your demo-content, the full screen slider: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/

    I’ve tried setting certain containers tot 75%, but without luck finding the right code.

    Thanks,
    Monique

    January 11, 2016 at 4:32 pm #563294
    Yigit

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
    height: 75% !important;
}

    Cheers!
    Yigit

    January 11, 2016 at 4:52 pm #563318
    boemedia

    That code unfortunately has no result on my site…

    January 12, 2016 at 8:19 am #563723
    Rikard

    Hi,

    It’s very difficult trying to help you without being able to inspect the page itself, could you upload what you currently have a live server somewhere?

    Thanks,
    Rikard

    March 17, 2016 at 1:38 pm #599580
    Cliffy

    Hi all, I hope you don’t mind me commenting on this, but I am searching the forum for the same solution.
    My requirement (and it seems the same as #boemedia is to allow the Fullwidth Easy Slider inside a Color Section where you can specify the min height (or add a min height setting for the Fullwidth Easy Slider).
    The Fullwidth Easy Slider has more custom options than the Easy Slider. OR please add more functions to the Easy Slider – Custom font size and buttons.

    March 21, 2016 at 7:52 am #601084
    Vinay

    Hey!

    Please use the below CSS in quick CSS

    
.avia-fullscreen-slider .avia-slideshow>ul>li {
    max-height: 75vh!important;
}

    Best regards,
    Vinay Kashyap

    March 21, 2016 at 6:40 pm #601440
    Cliffy

    Thanks Vinnie, nice try but that doesn’t work for me. All that seems to do is crop the image within the element. I am left with lots of white space below the image (and the navigation circles, and down arrow (if enabled). I need this for Fullwidth Easy Slider.

    March 23, 2016 at 9:32 am #602403
    Vinay

    Hi!

    Please try the below code it works!

    feel free to adjust the max height value to suit your design.

    .avia-fullscreen-slider .avia-slideshow {
    max-height: 65vh!important;
}

    Cheers!
    Vinay Kashyap

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