Colours gone haywire
-
I’m using the Chateau theme and custom CSS.
Today, the colours on my site have gone absolutely haywire – lots of dark red headings, white background fields, completely black active links (black text on a black background, very dark grey text in the archives and comment fields)… it’s verging on the unreadable. Has the theme been changed which will mess up my CSS, or has something gone wrong?
-
This thread will be moved to the CSS Forum for you. Please do not create a duplicate thread.
-
I don’t think it’s a CSS problem. It looks as though the theme has changed, it’s using the default “white” layout theme colours for links, headings, comments etc. on the “black” layout theme.
-
On further investigation, this is exactly what’s happened.
It’s a theme issue. Chateau has two colour schemes, “light” and “dark”. I’m using “dark”, but for some reason today my site is displaying with the black background from “dark” but all the link, heading, tag and text colours from “light”.
Is anyone else having this problem? Suggestions on how to fix it without losing all my custom CSS amendments?
-
It’s definitely something to do with the theme messing up.
I’ve gone into Custom Design to change the colors, and the default colors displayed are those for the “light” design (white for the background (even though it’s actually black!), dark red links, dark brown accents).
I can manually change those to something a bit more readable but I have no control over some other elements. The default colours need to be set back those for the “dark” colour theme.
-
-
FINE. Can you remove the “move to CSS forum please” tag, and move this into the Themes forum instead, then?
-
-
-
Howdy! We recently made some changes to Chateau’s Custom Colors. This is probably why you’re seeing these changes.
It looks like you’ve already solved this manually with Custom CSS. But in case others experience this problem, my best advice is to go to Appearance -> Theme Options and select the “Light” color scheme, and set the accent color to the default.
Then go to the Customizer and make any changes to your site’s color scheme from within Custom Colors. Basically, if you’re using Custom Colors, ignore the Theme Options color schemes and set them to the defaults, since they won’t play nice.
I hope this helps. Let me know if you need assistance in tweaking the colors to your liking. Cheers!
-
Thanks sixhours.
I was using the “dark” theme, with some of the default colours being changed via CSS, and some being left as they were.
Unfortunately, the Customize feature (Colors, not CSS) only lets me change 3 of the default colors – background, links and accent 1 – and whilst I’ve done that to change them around, there are still a lot of other elements where the default colour has changed to a dull grey and I can’t alter them through Customize > Colors.
If I understand correctly (apologies if I don’t!), you’re saying:
– the Chateau light/dark colour scheme choice in Theme Options doesn’t work any more;
– Customize > Colors is the way to change those three elements I mentioned; and
– for any other elements (mouseover links, section headings, text in menus/comment boxes etc.), where you’ve changed the default color, we need to work out how to amend those through Custom CSS?Thanks!
-
– the Chateau light/dark colour scheme choice in Theme Options doesn’t work any more;
Not quite the case. The Theme Options do work on their own, but they don’t work together with Custom Colors.
This hasn’t changed, actually — the last set of annotations were incomplete, which is why you were able to achieve the results you did. In your case, it was a fortunate bug. For others, though, Custom Colors wouldn’t work well at all, and fixing the bug meant your site got messed up. :(
– Customize > Colors is the way to change those three elements I mentioned; and
Correct — if using Custom Colors, only use Custom Colors. :)
– for any other elements (mouseover links, section headings, text in menus/comment boxes etc.), where you’ve changed the default color, we need to work out how to amend those through Custom CSS?
Correct — let me know if you run into any problems finding the right selectors. Happy to help get you set up again.
-
Thanks for that (and for the speedy response). It explains a lot!
The only thing I was using Custom Colors for was to change the “dark” background of the main content area to black (instead of the almost-black that now exists), to match the footers, comment boxes etc. I know this is drifting off topic, but can that be done via CSS if I leave Custom Colors well alone?
-
Sure thing! You can change the background color of the main content area with this CSS snippet:
.content-sidebar #content { background-color: #(whatever color code); }
- The topic ‘Colours gone haywire’ is closed to new replies.
WordPress.com Forums 