cycle prev, cycle next formatting

  • Resolved mfcummings

    (@mfcummings)


    10 years, 6 months ago

    Richard,

    I’ve tried a variety of different methods to format the “<<Prev” and “Next>>” links with no success. I’ve added the following to the Easy Testimonial Custom CSS panel (as well as my own child theme style.css file) without success. I can either format the links and lose functionality or leave them as-is where they currently don’t line up, they are gray and the cursor doesn’t change to a pointer when hovering.

    /*
    .cycle-prev,
    .cycle-next {
    cursor: pointer;
    display: block;
    color: #041d37;
    font-weight: bold;
    float: left;
    }
    .cycle-prev:hover,
    .cycle-next:hover {
    color: #738ca6;
    }
    .easy-t-cycle-pager {
    display: none;
    }

    .cycle-next {
    float: right;
    }

    All themes and plug-ins are current. The site is: http://dev.aspencarehome.com/home/testimonials/

    Please advise how I can format the Prev-Next links without losing functionality.

    Thank you,

    Matthew Cummings

    https://ww.wp.xz.cn/plugins/easy-testimonials/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mfcummings

    (@mfcummings)

    10 years, 6 months ago

    UPDATE:

    I found some success by adding the following to the Easy Testimonial CUSTOM CSS in the Basic Options panel:

    blockquote {
    border: none;
    }

    blockquote p {
    margin-top: 0.8em;
    text-align: left;
    }

    .cycle-prev,
    .cycle-next {
    cursor: pointer;
    display: block;
    color: #041d37;
    font-weight: bold;
    }

    But…. the links are arranged vertically (although they do function and are visible)

    If I add:

    .cycle-next {
    float: right;
    }

    They line up as desired but are no longer functional (no cursor: pointer and no prev-next functionality).

    Ideas?

    Plugin Contributor richardgabriel

    (@richardgabriel)

    10 years, 5 months ago

    Hey mfcummings!

    Its sound like you’re making progress – that’s great!

    If cursor: pointer isn’t functioning, and the links aren’t clickable, my guess is perhaps its a z-index related issue.

    Make sure the z-index of the Previous / Next buttons is set higher than that of any nearby HTML – otherwise your browser might think the buttons are “below” the other elements, and therefore not clickable (this would also explain why the cursor: pointer isn’t working – because your mouse isn’t actually over the element due to the layering.)

    Let me know if that makes sense / helps!

    Best,
    Richard

    Plugin Contributor richardgabriel

    (@richardgabriel)

    10 years, 1 month ago

    Hello!

    I’m marking this topic resolved as I haven’t heard an update in a while.

    I hope things are good over there!

    All the best,
    Richard

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘cycle prev, cycle next formatting’ is closed to new replies.