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
Post a Comment