Making custom Older/newer entry button

• 

  rockfordsworld · Member · Nov 29, 2011 at 10:50 am

  • Copy link
  • Add topic to favorites

  Is this possible? im the proud owner of WordPress Value Bundle, which should give me acces to Custom Design.
  In all honesty im a total noob at programming/running a website(this is my first try) i however believe im a fast learner.

  My site is RockfordsWorld as you can see the older entries button is very small and hard to see, because of the colour.

  I want to change this, by either making a custom button in photoshop(if possible) or by changing the size and colour.

  Hope you guys can help!

  R.

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

• 

  thesacredpath · Member · Nov 29, 2011 at 11:07 am

  • Copy link

  You could make a background image for the link and then put that into the CSS for the link. You could also do something like this which is purely CSS.

  .navigation .alignleft a, .navigation .alignright a {
  background: #000000;
  padding: 10px;
  border: 2px solid #FFFFFF;
  }
  
  .navigation .alignleft, .navigation .alignright {
  padding: 14px;
  }

  The above is just for “demo” and colors and border widths and such can be changed.

• 

  thesacredpath · Member · Nov 29, 2011 at 11:12 am

  • Copy link

  Font color, size and styling can also be changed.

  .navigation .alignleft a, .navigation .alignright a {
  font-size: 120%;
  color: #FFFFFF;
  font-weight: bold;
  }

• 

  rockfordsworld · Member · Nov 29, 2011 at 11:14 am

  • Copy link

  Very classy, thank you sir!

• 

  thesacredpath · Member · Nov 29, 2011 at 11:17 am

  • Copy link

  You are welcome.

  One thing, if you could, would be to post CSS related questions in the CSS forum. That is the first place I look, and sometimes I miss them if they are in one of the other forums.

  I’ll tag this one and have one of the moderators move it over to the CSS forum.

• 

  rockfordsworld · Member · Nov 29, 2011 at 11:17 am

  • Copy link

  Thanks again, much obliged.