WordPress.org

Ready to get started?Download WordPress

Forums

Max Magazine
prev/next buttons classes conflict between carousel and page pagination (5 posts)

  1. Angel-Grafik
    Member
    Posted 1 year ago #

    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! ;)

  2. rzemiasto
    Member
    Posted 11 months ago #

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

  3. rzemiasto
    Member
    Posted 11 months ago #

    Here is a link with image: image

  4. rzemiasto
    Member
    Posted 11 months ago #

    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;

  5. petar.sabados
    Member
    Posted 9 months ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.