JQuery Cycle Plugin - Slideshow padding disappears when using div as slide -


i redesigning website , upgrading jquery cycle jquery cycle 2. using cycle latest news/events , each of slides div containing image acts link.

http://www.fbclovis.com/newsite

however, you'll see, images in top left corner of container div instead being nicely centered. have set container padding 15px make things pretty being ignored. issue occurs when set "data-cycle-slides" cycle option "> div.promo". if have images outside of divs behaves fine. works if set margin of slides 15px , set padding of container 0px - isn't correct coding , try semantic.

so why jquery cycle 2 ignoring padding of slideshow container?

you have error in html markup, see closing > not should be. post here html in case can not find problem.

<div id="main">     <div id="main-content" class="content-section">         <div id="promo-cycle" class="cycle-slideshow"             data-cycle-fx="fade"             data-cycle-timeout=4000             data-cycle-slides="> div.promo"             data-cycle-caption="#custom-cycle-caption"             data-cycle-caption-template="<span class='caption-title'>{{title}}</span><br /><span class='caption-desc'>{{desc}}</span>"             data-cycle-center-horz=true             data-cycle-center-vert=true         >             <div class="cycle-pager"></div> 

Comments

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -