Mucky custom colours in Imbalance 2.

• 

  julievanhuizen · Member · Feb 19, 2013 at 3:49 pm

  • Copy link
  • Add topic to favorites

  Hi all, I have the custom design upgrade, and have selected two custom colours for my blog. A bright yellow (fec532) for the headers and bright orange (f58026) for the links. However, wordpress shows these colours as terribly ugly darker versions, and I’m totally at a loss as to why. Is there something I can stick in the css to fix this?

  Here’s a screen shot showing the discrepancy between the colours selected, and how they are showing on my blog: Yuck!

  

  Thanks in advance,

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

• 

  julievanhuizen · Member · Feb 19, 2013 at 6:07 pm

  • Copy link

  I’ll also add I have viewed the site in Chrome, Firefox and Safari, and all display the wrong, dark, hues.

• 

  seguenoone · Member · Feb 19, 2013 at 7:24 pm

  • Copy link

  If you haven’t tried this already, copy and paste these commands into your CSS Stylesheet Editor, and then preview or save the page to see if they’ve worked.

  Headers-

  .menu ul a, #reply-title, .entry-title, .page-title, .post_title, .post_title h1, .post_title h2, #comments-title, #site-title a, #site-title, .widget-title a, .widget-title, .box h1, .box h1 a {
  color: #FEC532;
  }

  Links-

  a, .menu a:hover, .menu ul a:hover, .menu ul .current_page_item > a, .menu ul .current_page_ancestor > a, .menu ul .current-menu-item > a, .menu ul .current-menu-ancestor > a, #nav-above a:hover, #footer a:hover, .entry-meta a:hover, .widget_flickr #flickr_badge_uber_wrapper a:hover, .widget_flickr #flickr_badge_uber_wrapper a:link, .widget_flickr #flickr_badge_uber_wrapper a:active, .widget_flickr #flickr_badge_uber_wrapper a:visited {
  color: #F58026;
  }

  These commands should override the standard CSS of the Imbalance 2 theme. If they don’t work, then let me know and I’ll try to find another solution.

• 

  seguenoone · Member · Feb 19, 2013 at 7:31 pm

  • Copy link

  These commands are, essentially, manually changing the color pallets of you blog. In the future, if you want to change colors again, you will have to remove these commands from the CSS Stylesheet Editor.

• 

  julievanhuizen · Member · Feb 19, 2013 at 7:36 pm

  • Copy link

  Success! Thank you!
  Now I’ll try to track down the other places I posted this… ;)

• 

  seguenoone · Member · Feb 19, 2013 at 8:43 pm

  • Copy link

  Ha! No problem.

• 

  designsimply · Member · Feb 22, 2013 at 8:30 pm

  • Copy link

  Aha, I found an answered your question in another thread before I saw this one. Please also see this reply for an explanation about how the contrast rules work in Custom Colors:
  https://en.forums.wordpress.com/topic/wrong-color-showing-in-imbalance-2?replies=2#post-1160302

• 

  seguenoone · Member · Feb 27, 2013 at 5:34 pm

  • Copy link

  Thanks for the explanation, I had no idea that there were contrast rules when using Custom Colors. I just saw that somehow the Custom Color was being overridden in the CSS. I’m still learning WordPress and CSS myself, so thank you for the insight.