WordPress.org

Support

Support » Themes and Templates » prev/next buttons classes conflict between carousel and page pagination

prev/next buttons classes conflict between carousel and page pagination

  • Angel-Grafik
    Member

    @angel-grafik

    Thanks for your work Sami!

    I found a conflict with prev/next button classes between carousel and core generated page pagination with Latest Post List, because they have same classes, and these classes are used to trigger event on both sides.

    I changed prev/next button classes in carousel.php at line 45/46 from

    <div class="prev" ...
    <div class="next" ...

    to

    <div class="cprev" ...
    <div class="cnext" ...

    and in custom.js accordingly to trigger the related event at line 28/29:

    jQuery(".carousel-posts").jCarouselLite({
           		btnNext: ".cnext",
    		btnPrev: ".cprev",
                    ...

    So everything works fine!

    Hope that will help someone!
    Nice day! 😉

Viewing 4 replies - 1 through 4 (of 4 total)
  • rzemiasto
    Member

    @rzemiasto

    It works. But after those changes positions and color of buttons “prev” “next” have chenged. How to manage this?

    rzemiasto
    Member

    @rzemiasto

    Here is a link with image: image

    I’ve managed this by modifying style.css (/wp-content/themes/max-magazine/style.css). I added ‘c’ to .prev/.next

    #carousel .cprev,
    #carousel .cnext {
    opacity:0.5;
    width:20px;
    height:20px;
    float:left;
    cursor:pointer;
    }

    #carousel .cprev:hover,
    #carousel .cnext:hover{
    opacity:0.7;

    Hi guys,

    I’ve also found the prev/next buttons on the bottom of the page to move from page 1 to 2 etc are not working but the numbers are when you click them?

    Is there something similar that may need changing to get these to work properly?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘prev/next buttons classes conflict between carousel and page pagination’ is closed to new replies.