Right align navigation link

  • Resolved simes

    (@simes)


    3 years, 3 months ago

    Hi, I am having an issue trying to write css code to right align my “Next post” button – the one with Monday 27 January 1986 below. My “Previous post” button is fine on the left, but the right-hand side is problematic.

    I’m using a child theme with twenty-twenty-three and I’m adding my css via the Additional CSS option in the editor. I will likely add it into the child theme’s CSS file once I am happy with everything.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter simes

    (@simes)

    3 years, 3 months ago

    So further to this. I am still experiencing the frustration of not being able to right align my right hand navigation button.

    Further to my previous post on the subject, I am using the Gutenberg editor and I have the shortcode inside columns, inside a group which also includes the post content.

    It looks to me that the flexbox is causing me problems but I might be wrong?

    The webpage is https://iheart80s.co.uk/1986/sunday-22-june-1986/

    Plugin Author Jo4nny8

    (@jo4nny8)

    3 years, 3 months ago

    Apologies for my tardy response. I will grab a look and come back to you as soon as I am with a fix.

    thanks for your patience

    Plugin Author Jo4nny8

    (@jo4nny8)

    3 years, 3 months ago

    @simes ts due to the block column containing the navigation links having left alignment of the block.

    For that block, align the text right and it will work.

    If you can’t do that, add a specific css class or id to that block and I can then send some css code to modify it for you.

    Make sure its the next post block only as it will also alter the previous post link in that block if you dont add a specific id or class to only the next post block link.

    Thread Starter simes

    (@simes)

    3 years, 3 months ago

    Thank you, I will take a look at implementing your suggested solution. 😉

    Thread Starter simes

    (@simes)

    3 years, 3 months ago

    Thank you so much. I have given the next-post column block a name and then added the following in my CSS

    .wp-post-nav-next-column-block {text-align: right;}

    And bingo. I have a lovely right aligned next-post button. Big smiles!

    Plugin Author Jo4nny8

    (@jo4nny8)

    3 years, 3 months ago

    Perfect!

    glad it’s sorted

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

The topic ‘Right align navigation link’ is closed to new replies.