Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 11, 2013 at 1:51 pm #186826
    finessecreative

    Hi guys

    Is there a way to turn off background repeat in the slider. See link below. It’s repeating horizontally.

    http://www.mainline-energy.co.uk/home_new-slider-2/

    Thanks

    Masten

    November 13, 2013 at 12:45 am #187569
    Josue

    Hey Masten!

    It’s not, here’s how i see it:

    Cheers!
    Josue

    November 22, 2013 at 1:58 pm #191829
    finessecreative

    Hi Josue,

    Yeah the way I fixed it was by just making the background 3000 wide with loads of dead space either side.Unfortunately this messes up the responsive.

    Is there a way to turn off the background repeat?

    Thanks

    Masten

    November 22, 2013 at 6:13 pm #191928
    Josue

    Hi!

    Yes, you could use:

    background: url(_URL_) no-repeat top center;

    Cheers!
    Josue

    November 25, 2013 at 1:39 pm #192909
    finessecreative

    Hi Josue

    I cant get this to work. See here

    http://www.mainline-energy.co.uk/temp-2/

    I’ve tried:

    background: url(http://www.mainline-energy.co.uk/wp-content/uploads/silder_background_2.png) no-repeat top center;

    and

    background: url(_URL_) no-repeat top center;

    – in both layer slider/custom styles editor and in enfold/styling/quick css (wasnt sure where it was supposed to go)

    Can’t get the slider background to stop repeating

    Thanks

    Masten

    November 25, 2013 at 1:43 pm #192910
    finessecreative

    Just seen another problem. The background doesnt resize down in responsive either.

    Thanks

    Masten

    November 27, 2013 at 6:37 pm #193976
    Josue

    Hey!

    Try with this:

    .ls-inner {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

    Best regards,
    Josue

    November 28, 2013 at 1:25 pm #194322
    finessecreative

    Hey Jouse

    Right thanks. That fixed the repeating problem but the backgroud still isn’t resizing down for responsive.

    Thanks

    Masten

    November 28, 2013 at 8:06 pm #194475
    Josue

    Hey Masten!

    The thing is, it won’t work responsively that way (putting the img as a background via CSS), you’ll need to put it as a Layer instead.

    Cheers!
    Josue

    December 12, 2013 at 5:47 pm #199534
    finessecreative

    Hi Josue

    Ok I understand. The problem is if you put the background as a layer in each slide then the background will slide in again which won’t look right. It needs to stay where it is with the other elements sliding in on top.

    http://www.mainline-energy.co.uk/temp-2/

    Can you think of anything here to solve this? The only thing I can think of it to turn the slider background off for phones. Possible?

    Thanks

    Masten

    December 12, 2013 at 6:46 pm #199556
    Josue

    Hey!

    Try with this:

    .ls-inner {
    background-image: url(https://www.mainline-energy.co.uk/wp-content/uploads/silder_background_2.png);
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

    Cheers! 
    Josue

    December 15, 2013 at 10:31 pm #200509
    finessecreative

    Hey Josue,

    That has totally sorted it! Thanks a lot :)

    Masten

    December 15, 2013 at 11:55 pm #200522
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Turn off background repeat in slider’ is closed to new replies.