• Resolved rockydennis

    (@rockydennis)


    Hi!

    I apologise in advance for the (likely) stupid question, but I am having an issue with the Next/Previous links at the bottom of a post. I’m not sure what could have caused this, since I haven’t edited this section of the stylesheet – knowingly anyway. Here’s what I’m looking at right now: http://postimg.org/image/x72xx9f77/

    Any ideas how this can be solved? 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • That is just styling. A link to your site would be helpful, as per WordPress Codex > Forum Welcome > Include as Much Information as Possible.

    Thread Starter rockydennis

    (@rockydennis)

    Of course, I’m sorry about that. The site is http://merkurius.me 🙂

    Use a Custom CSS plugin for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    After installing the plugin, paste this code in it:

    .entry-meta-bottom .further-reading {
    	text-align: center;
    }
    
    .entry-meta-bottom .further-reading p.prev {
    	width: 49%;
    	text-align: left;
    }
    
    .entry-meta-bottom .further-reading p.next {
    	width: 49%;
    	text-align: right;
    }

    The problem with the theme is that all “p” are “width: 100%”, so these became 100% because they a “p” – something overlooked by the developer.

    I made the main “box” text-align: center because the two “p” are “inline-block” (see below), so they will line up beside each other but will be left-aligned. This centers them.
    Then I had to align the text inside the two “p” back to where they were supposed to be – left and right.

    This should work, though you may have to reduce the width of the two “p” to 48.5% or 48% for them to line up because the term “inline-block” always has a small bit of extra space on the right side of it.

    Thread Starter rockydennis

    (@rockydennis)

    That did the trick beautifully. Thank you very much! 🙂

    You’re welcome. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Previous/Next Links Formatting Problem’ is closed to new replies.