Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 27, 2013 at 8:37 pm #194051
    wholereneducation

    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://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~

    November 28, 2013 at 12:56 am #194116
    Josue

    Hey!

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

    Regards,
    Josue

    November 28, 2013 at 1:45 am #194147
    wholereneducation

    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 ??

    November 28, 2013 at 1:50 am #194149
    Josue

    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

    November 28, 2013 at 7:50 am #194190
    wholereneducation

    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~

    November 28, 2013 at 10:57 am #194262
    Ismael

    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

    November 28, 2013 at 11:15 am #194271
    wholereneducation

    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~

    November 28, 2013 at 11:34 am #194285
    Ismael

    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

    November 28, 2013 at 12:00 pm #194295
    wholereneducation

    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.

    December 2, 2013 at 5:16 pm #195345
    Devin

    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

    December 3, 2013 at 6:13 pm #195835
    wholereneducation

    thanks~

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Fixed Background issue in Enfold’ is closed to new replies.