Need help? Check out our Support site, then


Mucky custom colours in Imbalance 2.

  1. julievanhuizen
    Member

    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!

    http://jubileecreative.files.wordpress.com/2013/02/screen-shot-2013-02-19-at-10-45-44-am.jpg

    Thanks in advance,

    The blog I need help with is jubileecreative.wordpress.com.

  2. julievanhuizen
    Member

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

  3. sleepingoffcoffee
    Member

    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.

  4. sleepingoffcoffee
    Member

    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.

  5. julievanhuizen
    Member

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

  6. sleepingoffcoffee
    Member

    Ha! No problem.

  7. 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:
    http://en.forums.wordpress.com/topic/wrong-color-showing-in-imbalance-2?replies=2#post-1160302

  8. sleepingoffcoffee
    Member

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic