Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 30, 2015 at 9:18 pm #437790
    gharding

    How can I center my slider in its container in LayerSlider WP? It looks fine until you start resizing the width of the browser and then you see that it always hugs the right side rather than being centered.

    http://california-apmp.org/wp/

    thank you!

    May 3, 2015 at 3:59 am #438456
    Ismael

    Hi gharding!

    Thank you for using Enfold.

    Go to the Slider Settings > Layout > Full-width slider settings. Add a px value in the Layers Container and Responsive Under settings. Default is 1140.

    Best regards,
    Ismael

    May 3, 2015 at 7:38 am #438462
    gharding

    Ok, I’ve got that figured out. I have the slider set at 100 X 320 and the graphic in the slide is 320 pixels hight, but it still gets cut off. Any ideas why?

    thank you
    gary

    May 5, 2015 at 2:45 am #439446
    Ismael

    Hi!

    Did you add the image as background? The layer slider automatically applies a top offset to keep the background responsive. Try to add this in the Quick CSS field:

    .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
  padding-top: 210px;
}

    Use css media queries to adjust the top padding on different screen size.

    Cheers!
    Ismael

    May 5, 2015 at 3:39 am #439466
    gharding

    Ok, I’m good now. I also changed my image to be the background and made the image 1486 pixels wide, which is what it seemed to want to be.

    thank you!
    gary

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Layer Slider WP…center image in container?’ is closed to new replies.