Theme's colors override custom design colors? How to fix or how to use custom CSS design customization's? Help please
Permalink
I'm trying to edit the elemental theme from the design tab and then customizations on a live page. It lets me change most things, like background colors, but there are some serious problems.
First off text color cannot change, something is overriding it, maybe the default theme color. Even though it has it as white in the customizations it no matter what appears as dark greyish.
Second, the headings are similar but different. When I change the headings to a redish color I want, it works, or so it seems. Then I save the theme customizations for that page and publish the changes. Once the changes are published the headings revert to their original dark greyish color; however, if I refresh the page they now show up the new red color. If I navigate away from the page and come back to it through a link or through typing the URL into my browser then the headings are dark greyish again. If I refresh the page they go back to red, I can repeat this indefinitely.
Has anyone ever encountered something like this before? Does anyone know how to fix this? I've tried clearing the cache on concrete5 and that doesn't do anything. I'm thinking that the default theme has certain parts of it that are seen as higher priority in the css than the customizations in the design tab.
There's a section in the customizations for custom css but I have no idea how to use it for this. It's just an empty coding text box when I open it. At the very least does anyone know how to hard code the headings and text colors into the custom css box so I can stick an !important tag with them to override the default colors?
Any suggestions or pointers would help immensely. I can't continue developing this part of my website until I solve this problem.
First off text color cannot change, something is overriding it, maybe the default theme color. Even though it has it as white in the customizations it no matter what appears as dark greyish.
Second, the headings are similar but different. When I change the headings to a redish color I want, it works, or so it seems. Then I save the theme customizations for that page and publish the changes. Once the changes are published the headings revert to their original dark greyish color; however, if I refresh the page they now show up the new red color. If I navigate away from the page and come back to it through a link or through typing the URL into my browser then the headings are dark greyish again. If I refresh the page they go back to red, I can repeat this indefinitely.
Has anyone ever encountered something like this before? Does anyone know how to fix this? I've tried clearing the cache on concrete5 and that doesn't do anything. I'm thinking that the default theme has certain parts of it that are seen as higher priority in the css than the customizations in the design tab.
There's a section in the customizations for custom css but I have no idea how to use it for this. It's just an empty coding text box when I open it. At the very least does anyone know how to hard code the headings and text colors into the custom css box so I can stick an !important tag with them to override the default colors?
Any suggestions or pointers would help immensely. I can't continue developing this part of my website until I solve this problem.
So I wasn't able to figure out how to stop the override of the paragraph text in the theme customizations. Instead I had to use the custom css option at the bottom of theme customizations (in the design tab btw).
I don't really know what I'm doing but I googled it and I didn't need anything fancy in that box, just something like p{color#fffff;} or something like that, css coders will know what I'm talking about and a google search for changing p color will get the exact syntax if it's not that. The heading issue finally resolved after enough time of turning off caching on the server, but for it, it would probably be the same thing but just h1 or h2 or h3 and so on in place of p.
Now if you find this thread on google in the distant future there will finally be at least one forum thread on this forum that has at least a hint on how to properly use the custom css box.