Need CSS help with adjusting the positioning of links to other posts

• 

  tcharendoff · Member · May 12, 2015 at 1:20 pm

  • Copy link
  • Add topic to favorites

  This is a little hard to describe. When on my homepage, I had my latest post showing there. When I click the link to view the post, at the very bottom there is this little link that says “Welcome to Taylor’s Spooky Stories!”. It is linking to my welcome message. The problem is that I have a custom background, and the parameters of this message are off and need to be adjusted. How can I make the width smaller and adjust where it is positioned on the page, or how far off to the right it goes? Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · May 12, 2015 at 2:05 pm

  • Copy link

  Hi again :)

  You can adjust the width of this post-navigation area, and center it. You can change 70% to any other value. Take into account the first parameter of margin property (0px) configures top and bottom margins of this navigation bar. The second one, configures horizontal margins: we use auto to automatically calculate the exact margins to center the navigation bar.

  #main .post-navigation {
      width: 70%;
      margin: 0px auto;
  }

  I hope this helps you. Enjoy blogging!

• 

  tcharendoff · Member · May 12, 2015 at 5:09 pm

  • Copy link

  Hi thanks, but that didn’t fix the problem…

• 

  thesacredpath · Member · May 12, 2015 at 5:29 pm

  • Copy link

  Hi there, we need to mimic the article area settings, so add the following to the end of your custom CSS.

  .post-navigation {
      max-width: 35em;
      margin-left: 11em !important;
  }