Make my "Load More Posts" button more prominent?

• 

  sentientmouse · Member · Dec 23, 2012 at 1:09 pm

  • Copy link
  • Add topic to favorites

  Is there a CSS trick for making my “Load More Posts” button really stand out? Even if it’s just changing to color? I believe that the default way that this button looks is just a little too subdued and I’d like for it to be a little easier to see.

  Thanks!
  Sentientmouse

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

• 

  designsimply · Member · Jan 1, 2013 at 7:48 pm

  • Copy link

  Sure. Here is an example showing how to change the color of the “Load more posts” button and button text.

  #infinite-handle span:before {
      color: #fff5fd;
  }
  #infinite-handle span {
      background: #fd4dd8;
      border: 1px solid #fd4dd8;
      color: #fff5fd;
  }

  Adjust the color codes as necessary.
  http://0to255.com/

• 

  sentientmouse · Member · Jan 26, 2013 at 6:03 pm

  • Copy link

  Thank you very much :-)

• 

  sentientmouse · Member · Jan 26, 2013 at 6:27 pm

  • Copy link

  That worked so nicely, that now I’m thinking that centering that button would be even better – how would I accomplish that?

  Thanks,
  Mark

• 

  thesacredpath · Member · Jan 27, 2013 at 5:43 am

  • Copy link

  This should do it for you.

  #infinite-handle {
  text-align: center;
  }

• 

  sentientmouse · Member · Jan 27, 2013 at 1:19 pm

  • Copy link

  Thank you, Thesacredpath!

  That did it!

  You know, I’d Googled CSS code and tried lots of things and just couldn’t get it to work. You’re all so helpful here :-)

  Thanks,
  Mark

• 

  thesacredpath · Member · Jan 28, 2013 at 1:06 am

  • Copy link

  Mark, you are welcome.