Move Older and Newer Post Links to Same Line

  • Resolved JennyLauren

    (@jennylauren)


    11 years, 12 months 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kharis Sulistiyono

    (@kharisblank)

    11 years, 12 months 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.

    Thread Starter JennyLauren

    (@jennylauren)

    11 years, 12 months 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!

    Michael

    (@alchymyth)

    11 years, 12 months 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;}
    Thread Starter JennyLauren

    (@jennylauren)

    11 years, 12 months ago

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move Older and Newer Post Links to Same Line’ is closed to new replies.