I feel like I am missing something really dumb and simple but my Hot Full Carousel images with a Church.ly install just started stacking on top of each other instead of sliding. I used the Church.ly hotstart and all was good until I added my own images and text. I didn't do any funky mods to the component file.
One thing I noticed was that the HotThemes demo has a container div that mine does not (noted in purple below).
Here's the code from the demo:
<div class="hero">
<ul class="hero-carousel-nav"><li class="prev"><a href="#">Previous</a></li><li class="next"><a href="#">Next</a></li></ul>
<div class="hero-carousel
hero-carousel-container" style="position: relative; overflow: hidden; left: 50%; top: 0px; margin-left: -2027px; height: 553px; width: 6755px;">
<article class="carousel-article" style="background-image:
Here's the example:
demo.joychalmers.com/churchly/
and the difference in the code:
<div class="hero">
<div class="hero-carousel">
<article class="carousel-article" style="background-image: url(
demo.joychalmers.com/churchly/images/carousel/chamber1.jpg
); background-size: cover; width: 1351px; background-position: 50% 0%;">
I'd appreciate any help I can get. Thanks in advance!
Topic Author
