WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Move Older and Newer Post Links to Same Line (5 posts)

  1. JennyLauren
    Member
    Posted 2 years ago #

    Hi there, I am very new to wordpress so I apologize if this is a simple question. Currently, the "older posts" and "newer posts" links at the bottom of my pages appear stacked on 2 separate lines. I would like them to appear on 1 line with "older posts" left justified and "newer posts" right justified. It would also be great to add a dotted line between the two.

    Any help would be greatly appreciated. Thank you in advance!

  2. Kharis Sulistiyono
    Member
    Posted 2 years ago #

    Older and Newer Post Links is called as post navigation. The first step, You need to find the CSS selector of your post navigation. Then, do some CSS stuffs. For example :

    .older-post-link{
    float:right;
    }
    
    .newer-post-link{
    float:left;
    }

    float:right means specifying the element becomes right justified.
    float:left means specifying the element becomes left justified.

  3. JennyLauren
    Member
    Posted 2 years ago #

    Thank you so much for your help. From what I can tell, most of the editing is in php, and I only have one location on the Other Options page in wordpress to add additional CSS. I have added your recommendation, but nothing happened. I do not see a post navigation area.

    Thanks again!

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

    another guess without the link to your site - add this to style.css of your theme:

    .nav-previous {float:left;}
    .nav-next {float:right;}
  5. JennyLauren
    Member
    Posted 2 years ago #

    Awesome, this worked!!! Thank you so much for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic