Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #194051

    Hi~
    I want to use the fixed background in certain sliders. In enfold, I could create a color section and change its background picture, but the picture cannot be full-screen also not responsive. I saw the layerslider also has such feature but I tried and failed. Then I saw you guys made this: http://www.kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/
    The first slider is exactly what I want, may I know how did you made that?
    Thanks~

    #194116

    Hey!

    That’s the Fullscreen Slider element (located under Media Elements in ALB).

    Regards,
    Josue

    #194147

    Thanks~
    But I’m not sure…Because the picture in the Fullscreen Slider is not responsive also has wrong size(too high). The sample above is responsive and has animated text sliders just like in the layerslider. Or maybe I just don’t know how to use it ??

    #194149

    Hi!

    If you imported the dummy content you can check how that is created, look for the page named “Home v7: One Page Portfolio”.

    This are the settings for one of the slides:

    Regards,
    Josue

    #194190

    Hi~
    Thanks! now I know what that is. But still, the fullscreen slider is too high and I want my slider to be narrower. Although the fullwidth slider could be narrower but the background image is not responsive. I want my background image to be fixed also responsive to different devices with different sizes. Is there any way to realize that?
    thank you~

    #194262

    Hey!

    The Color Section is responsive. You can add a background image then set the Background Repeat to Stretch to fit to make it fullwidth. Set the Background Position to Fixed. It should resize according to screen sizes. If you don’t think that it is responsive enough, you can add an ID to the Color Section then use Media Queries to edit the style on different screen sizes.

    Regards,
    Ismael

    #194271

    Hi~
    I tried the Color Section and it’s not responsive because the background image just can’t resize itself. It’s more like corp automatically. So I’m wondering what Media Queries is because I didn’t find it in plugin searching. And how should I edit the style to fit different screen sizes.
    I just want the effect of the fullscreen slider only make it narrower.
    Thanks~

    #194285

    Hi!

    You can set the max height of the full screen slider using this on your custom.css or Quick CSS:

    .avia-fullscreen-slider .avia-slideshow {
    max-height: 250px !important;
    }

    Regards,
    Ismael

    #194295

    Thanks~
    The code works perfectly. I thought this could solve my problem but still, not get exactly what I want after I tried. Sorry for the trouble… Is there any way that I can create a fixed background slider that works just like the fullwidth slider or responsive layerslider. I mean the background image will not be cropped no matter what circumstance.

    #195345

    Hey!

    No, not without either some custom jquery/javascript or maybe with css though I don’t know any offhand that would do that. You could try either Microlancer or Codeable.io and see if a freelance developer could customize that for you however if its a must-have feature for your site.

    Regards,
    Devin

    #195835

    thanks~

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

The topic ‘Fixed Background issue in Enfold’ is closed to new replies.