Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 25, 2013 at 9:55 am #165986
    rhunecke

    Hello,

    I would like to reposition the background on one slide of my advanced layer slider (http://roberthunecke.com/redesign 4th slide).
    I tried the following CSS using the ID I defined for the slide, leaving the background blank in the first place to avoid strange loading behaviour:

    #slide-coffee {
	background: url(https://roberthunecke.com/redesign/wp-content/uploads/2013/09/coffee_beans_rendering.jpg);
	padding-top: 10%;
}

    This works great, but now the image won’t scale up on resized pages. Extending the css using width: 100%; height: auto; doesn’t work eighter :(

    Any idea, how I could fix it?

    Thanks for your support!

    kind regards,
    Robert

    • This topic was modified 11 years, 2 months ago by rhunecke.
    September 25, 2013 at 2:00 pm #166072
    rhunecke

    In the meantime I came up with:

    #slide-coffee {
	background-image: url(https://www.roberthunecke.com/redesign/wp-content/uploads/2013/09/coffee_beans_rendering.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position:50% 15%;
}

    Unfortunately the slide will no longer be part of any transition :(

    Any advice?

    September 25, 2013 at 7:41 pm #166217
    Yigit

    Hello Robert!

    Can you post a screenshot and show us how you would like 4th slide to look like?

    Cheers!
    Yigit

    September 25, 2013 at 8:23 pm #166232
    rhunecke

    Slide should look exactly as it looks at the moment, concerning the position, but it should not be excluded of the trasitions (Fade/Slide). Since there is no way to postion a slide’s background inside the Advanced Layer Slider, I had to leave it blank inside the backend and had to combine the slide ID with extra css defining a background, where normally the advanced layer slider defines the background as “div img”.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Manually positioning of backgrounds in the advanced layer slider’ is closed to new replies.