Eighties Theme: Help with Customizing Colors

• 

  lonnie01234 · Member · Feb 25, 2015 at 2:46 am

  • Copy link
  • Add topic to favorites

  When a post is clicked on, there are buttons below the post that link to older/newer posts. I am trying to figure out how to change these buttons from pink to a greenish color (also, these pink buttons enlarge when moused over). Similarly, tags turn pink if moused over; I would like these to turn a greenish color as well. Thanks for the help!

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

• 

  staff-happychia · Staff · Feb 25, 2015 at 9:41 am

  • Copy link

  Have you tried the CSS I provided on your other thread on this same topic.

  I just tested that CSS again and it works. Could you please try and see how it goes.

• 

  lonnie01234 · Member · Feb 26, 2015 at 1:51 pm

  • Copy link

  I did use the CSS that you provided on the previous topic. These changes did help with text selection, etc. However, the former code did not change the buttons or tags that I’ve mentioned in this post. I appreciate your expertise!

• 

  designdolphin · Member · Feb 26, 2015 at 2:58 pm

  • Copy link

  .paging-navigation .nav-previous a, .post-navigation .nav-previous a, .comment-navigation .nav-previous a, .paging-navigation .nav-next a, .post-navigation .nav-next a, .comment-navigation .nav-next a {
    background: none repeat scroll 0 0 #3f7854;
  }
  
  .entry-meta-tags a:hover {
  background: #99cc99;
  }

  You’ll have to play around with it a bit for it to be exactly how you want if you want to customize it further, but that is the relevant section of code.

• 

  designdolphin · Member · Feb 26, 2015 at 3:00 pm

  • Copy link

  Lets’ try that again, shall we:

  .paging-navigation .nav-previous a, .post-navigation .nav-previous a, .comment-navigation .nav-previous a, .paging-navigation .nav-next a, .post-navigation .nav-next a, .comment-navigation .nav-next a {
    background-color: #3f7854;
  }
  
  .entry-meta-tags a:hover {
  background-color: #99cc99;
  }

  You will also have to change the different states for the buttons e.g. hover, active, and visited. You should be able to find that back in the CSS.

  Feel free to chime back if your getting stuck.

• 

  lonnie01234 · Member · Feb 27, 2015 at 1:53 pm

  • Copy link

  Thank you for your help. I really appreciate it!