Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #347794

    Hi!

    I try to give the fullwidth easy slider a custom height by adding the following css code:

    .avia-slideshow-inner {
    height: 700px !important;
    }

    This works fine, but when I resize the browser window it shows a white space between the slider and the color section beneath. How can I fix this.

    Thanks in advance.

    #348073

    Hey mrijnders!

    Thank you for using Enfold.

    Please post the link to the actual page with the slider. We would like to check it. You can use media queries to adjust the height of the slider on different screen sizes. Please refer to this link: http://css-tricks.com/css-media-queries/

    Best regards,
    Ismael

    #348683
    This reply has been marked as private.
    #349145

    Hey!

    It’s because of height: 700px;
    Why do you want to use this? why not leave it on auto? or 100%? than the white space would disappear

    Regards,
    Andy

    #349369
    This reply has been marked as private.
    #349863

    Hi!

    There are two alternatives, one it’s to apply this rule only to certain screen size, i think it should be 1500px+:

    @media only screen and (min-width: 1500px) {
      .avia-slideshow-inner {
         height: 700px !important;
       }
    }

    Or set the height of the images to 700px too, this will make them look stretched though:

    .avia-slideshow-inner, .avia-slideshow-inner img {
        height: 700px !important;
    }

    The problem is that the slider uses the image as an actual image (<img />) while the color section uses it as a background (style='background-image..), this difference makes it impossible to have them behave equal.

    Cheers!
    Josue

    #350657

    Thanks for your reply. I’m going to discuss the best possible solution with my client.

    #350673

    Hi!

    Please do so and let us know. Thread will be on hold until you reply back.

    Best regards,
    Yigit

    #408530

    Is it possible to replace the slider by a slider from a Theme like Traffica?

    Gr.
    Ton Konings
    Utrecht
    The Netherlands

    #408577

    Hi!

    Technically possible but it would require custom work, unfortunately we can’t assist with that as it falls beyond our support scope. What are you trying to achieve exactly (in desktop and mobile)? perhaps we can help you find a Enfold-based solution.

    Regards,
    Josue

    #408665

    Dear Josue in the current Enfold situation a large slider image is presented with the possibility of putting informative text within that image. One has to scroll (in desktop and phone) to see additional text or other items and information.
    I have a strong preference for a situation where no scrolling is needed to see a “clean” picture next to informative text (as presented in the Traffica slider). An alternative possibility might be a full width image with limited height and underneath informative text. But that situation requires pictures with special dimensions and therefor limits the possibilities.
    Regards,
    Ton

    #409032

    Hey!

    Have you tried using LayerSlider? you can have full control of how the text and image is positioned.

    Regards,
    Josue

    #409722

    Thanks Josue,
    I bought the Enfold theme. The LayerSlider is intergrated. I do not see how to adjust the dimensions of the image or get control of the position of text and image as you mention. Can you, please, instruct me how to change the setting?
    Ton
    Utrecht
    The Netherlands

    #410154

    Hi!

    What do you want to change in the current slider? (i supposing it is on the page you linked here).

    Regards,
    Josue

    #605686

    Hey!

    Please take a lok here

    the video will help you a lot to understand layer slider

    Best regards,
    Basilis

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.