Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 9, 2013 at 8:12 am #197952
    NaturaIntegrativeMedicine

    Hello!
    I want to use the same image as the same background for all of the slides in my LayerSlider. The problem is, when I tell the WP to do so, it makes the image smaller and repeats it 3 times. If I manually add it as the background to each slide, however, it’s full width.
    How can I set the image to be full width as the background of all of the slides?
    Hope that makes sense.

    Here’s what I mean:
    http://naturaintegrativehealth.com/
    The last slide (Labeled “Test Slide”) is what it looks like when I set the image as the set background under “global settings”

    December 9, 2013 at 8:38 pm #198187
    Yigit

    Hey NaturaIntegrativeMedicine!

    Do you mind creating a temporary admin login and posting it here privately so we can take a look?

    Best regards,
    Yigit

    December 10, 2013 at 3:11 am #198340
    NaturaIntegrativeMedicine
    This reply has been marked as private.
    December 10, 2013 at 4:01 am #198372
    Yigit

    Hey!

    In WordPress dashboard please go to Users > Add New and create a new user with Administrator role and post username and password here privately. To make your posts private, please check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Cheers!
    Yigit

    December 10, 2013 at 7:41 pm #198674
    NaturaIntegrativeMedicine
    This reply has been marked as private.
    December 11, 2013 at 10:47 am #198932
    Ismael

    Hi!

    I changed the background of the Test Slide and it works fine. I’m not sure why the background settings get stuck or why the background images are repeated. Anyway, I think the background is fixed: http://naturaintegrativehealth.com/

    Cheers!
    Ismael

    December 11, 2013 at 11:31 pm #199258
    NaturaIntegrativeMedicine

    Hi Ismael,
    Unfortunately, the problem is not yet solved.
    Just one of the slides has the image full length – the rest are still repeating.
    Could you try to fix this again for me?
    Thanks so much!

    December 12, 2013 at 9:59 am #199403
    Ismael

    Hey!

    Please don’t set a Background image on Global Settings. Set the background image on each slide, look for Slide options > Image. I added a background image on the first slide. You can do the rest.

    Cheers!
    Ismael

    December 12, 2013 at 10:25 am #199419
    NaturaIntegrativeMedicine

    Hi Ismael,
    The trouble with doing what you suggested is that then the background image slides in and out, which doesn’t look quite as nice as having it be solid, with the other layers sliding across it.
    Is there any other advice you have to offer to create this effect?
    Thanks,
    Erica

    December 12, 2013 at 10:48 am #199441
    Ismael

    Hey!

    I applied the background image again on Global Settings. Please add this on your custom.css or Quick CSS:

    .ls-inner {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}

    Cheers!
    Ismael

    December 12, 2013 at 9:27 pm #199621
    NaturaIntegrativeMedicine

    Ugh, sorry this is dragging on.

    It’s still not working.
    I applied that CSS code to both the general slider as well as to the website theme. Background image is still small and repeating.

    Any other ideas?
    http://naturaintegrativehealth.com/

    Thanks for your help.

    December 13, 2013 at 11:54 pm #200115
    NaturaIntegrativeMedicine

    Hm. Now it’s randomly working. Strange. Will let you know if it reverts, but I think we’re good! Thanks.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Slider background full width’ is closed to new replies.