How to center the Amazing Slider skin FeatureList

Question:

I'm working with Amazing Slider.

Now, I try to center the Skin FeatureList in my homepage. But it seems to be impossible? The skin is to far to the right sight.

Could you tell me a solution?

Answer:

You can place the slider code in a div, then add a minus value to the margin-left property of the div. The value of margin left should be the minus value of the right navigation width.

<div style="margin-left:-230px;">
	<div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 32px;">
        <ul class="amazingslider-slides" style="display:none;">
            <li><img src="images/Cepolina Free Photos Castle 03.jpg" alt="Cepolina Free Photos Castle 03" /></li>
            <li><img src="images/Cepolina Free Photos Castle 04.jpg" alt="Cepolina Free Photos Castle 04" /></li>
            <li><img src="images/Cepolina Free Photos Castle 05.jpg" alt="Cepolina Free Photos Castle 05" /></li>
        </ul>
        <ul class="amazingslider-thumbnails" style="display:none;">
            <li><img src="images/Cepolina Free Photos Castle 03-tn.jpg" /></li>
            <li><img src="images/Cepolina Free Photos Castle 04-tn.jpg" /></li>
            <li><img src="images/Cepolina Free Photos Castle 05-tn.jpg" /></li>
        </ul>
        <div class="amazingslider-engine" style="display:none;"><a href="https://amazingslider.com">jQuery Image Slideshow</a></div>
    </div>
</div>

Comments are closed.