Center images on slider?

  • Can someone tell me how to fix the slider images so that they are centered? I just started using firebug, so I’m not sure, but I think this is the code that’s relevant:

    <li style=”width: 100%; float: left; margin-right: -100%; display: none;”>
    <li style=”width: 100%; float: left; margin-right: -100%; display: list-item;”>
    <li style=”width: 100%; float: left; margin-right: -100%; display: none;”>

Viewing 3 replies - 1 through 3 (of 3 total)

  • Could you provide a link to the website

    Thread Starter elouer

    (@elouer)

    Sorry. Here it is.

    https://www.libbylouer.com

    Thanks.

    Hi,

    You are right. Just replace that section with 

    <li style="width: 100%; left: 50%; margin-left: -440px; display: block;">
<li style="width: 100%; left: 50%; margin-left: -440px; display: none;">
<li style="width: 100%; left: 50%; margin-left: -438px; display: none;">

    It is good to know the size of the image when uploading if they will be different sizes in width. The margin-left is set to negative half the width of the images. I had to eyeball it because i do not know the exact width of each image.

    Hope this helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center images on slider?’ is closed to new replies.