Floating links in Posts

Hi there,

those links are the Previous and Next post links that should be displayed after every post on the page.

However, the Carousel/Slider you have on that page is adding this CSS:

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

They added that CSS to position their next and prev buttons, but they did not make it specific to just their plugins code. Which as a plugin, they really should especially considering prev and next classes are real common.

And that code messes up the themes post nav links.

Options to choose from:

• Replace the Carousel Plugin
• OR Speak to Carousel plugin author and ask them to make their CSS more specific.
• OR Add this CSS to your site to repair the issue it causes:

#nav-below .prev,
#nav-below .next {
    position: static !important;
    padding: 0;
    font-size: inherit;
    border: 0;
    top: unset;
    width: auto;
    background-color: unset !important;
}

• This reply was modified 3 years, 4 months ago by David.

You’re welcome