-
AuthorPosts
-
Pankaj Sharma Moderator
Pankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
July 12, 2016 at 2:36 pm #949307But what’s wrong with the current code is what I’m not understanding….all I did was change out the images that were in that carousel….
July 12, 2016 at 2:55 pm #949316Here is the current code I have on the page….
<div class="about-client clearfix"> <div class="col-sm-3 client-list-header"> <h2 class="title-sanserif">Accredidations</h2> </div> <div class="col-sm-9 client-list-slide"> <div id="client-slider" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="row item active"> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2011.jpg" alt="Angie's List 2011" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2012.jpg" alt="Angie's List 2012" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2013.jpg" alt="Angie's List 2013" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2014.jpg" alt="Angie's List 2014" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2015.jpg" alt="Angie's List 2015" border="0" /></div> </div> <div class="col-sm-4"> </div> </div> </div> </div> </div> </div>
July 12, 2016 at 6:54 pm #949369And I want to make sure it looks and works like the carousel in the JA Decor demo site. Can you help me figure out what’s wrong with my code?
July 12, 2016 at 7:51 pm #949383Okay, so I played with the code a bit and I got it to display only 3 at a time like I wanted (all on one row). But the left and right arrows that should appear underneath the word "Awards" (like they do in the Carousel on the JA Decor demo) don’t show up.
Any help on that part?
The updated code is below…
<div class="about-client clearfix"> <div class="col-sm-3 client-list-header"> <h2 class="title-sanserif">Our Awards</h2> </div> <div class="col-sm-9 client-list-slide"> <div id="client-slider" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="row item active"> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2011.jpg" alt="Angie's List 2011" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2012.jpg" alt="Angie's List 2012" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2013.jpg" alt="Angie's List 2013" border="0" /></div> </div> </div> <div class="row item"> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2014.jpg" alt="Angie's List 2014" border="0" /></div> </div> <div class="col-sm-4"> <div class="client-logo"><img src="images/awards/Award_Angies-List-2015.jpg" alt="Angie's List 2015" border="0" /></div> </div> <div class="col-sm-4"> </div> </div> </div> </div> <div class="client-slider-control"> </div> </div> </div>
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
July 13, 2016 at 2:46 am #949427Hi
The problem is with the editor , when u adding the code in editor , it remove some scripts .
like the navigation part is remove . Here is the codeFind this code in your custom html module and replace it
<div class="client-slider-control">
with this code<div class="client-slider-control"> <a class="left carousel-control" href="#client-slider" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="right carousel-control" href="#client-slider" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div>
before edit the module Go to system > Global config. > Default editor > NONE .
Save and then edit the module .1 user says Thank You to Pankaj Sharma for this useful post
-
AuthorPosts
This topic contains 7 replies, has 2 voices, and was last updated by roxxsolid 8 years, 5 months ago.
The topic ‘Scroller Carousel Problem’ is closed to new replies.