CSS overriding and not responding

dmills1 · October 2015

When using the muffin builder on the home page, we can't seem to control the colors and reviewing the CSS it looks like it is being overwritten by something. We have turned off plugins. Please advise

http://storycollab.staging.wpengine.com

Albert · October 2015

Hi,

what exactly is overriding? We checked your site but we do not see anything wrong.

dmills1 · October 2015

For example: H1 is set to white, h2 is set to blue. In this box, the selection is wrap the header in H1, but it still shows the h2 color.

Albert · October 2015

Ok, we see what you mean now. But in this case, all is good, because title is h2 by default and that's why the color comes from h2. If you want to set different color for this title, you must do this with custom css only.

dmills1 · October 2015

There is an override to H! selection in the controls for that box, and it shows as h1 already.

Additionally If I use the Quick fact, it won't allow display of colors that I select, this is overridden in CSS CSS.

dmills1 · October 2015

In your reference to having to use CSS for the H! selection, I have attached the control in that shortcode that allows selection of H1 which is already selected?

Albert · October 2015

Yes, we know very well that we added an option to activate h1 in subheader, but we do not have option to activate the color you are talking about. So like we wrote above, you can change it's color with custom css only. This can be done with below css:

.fancy_heading h1 { color: #FFF !important; }

Your css's for items may be overridden in Theme options > Custom CSS & JS > Custom CSS section. If you will send us url to page where css's is overwritten for "Quick Fact" items, we can have a look on it.

dmills1 · October 2015

http://storycollab.staging.wpengine.com/

Albert · October 2015

We know what is the url to page but we do not see any quick fact items on homepage.

dmills1 · October 2015

I have inserted it on this page http://storycollab.staging.wpengine.com/home-2/ in the second row below the slider. The color is set to yellow, but it stays at grey.

dmills1 · October 2015

I am referring to the number in the quick fact setting. It is set in the options as yellow, but appears grey

Albert · October 2015

As we see, you used custom css to set this color, but you forgot about !important declaration and that's why color is grey. This is how your css looks like http://snag.gy/qCwQn.jpg

So please use !important declaration and all will be good.

CSS overriding and not responding

Comments