CSS rules overwritten by cssComposer.setRule(...)

Question

My site has a custom sidebar to set site-wide colors, font-families, font-sizes and so on. When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size).

To change these styles I am doing:

 cssComposer.setRule("p", { "font-family": value });
 cssComposer.setRule("h1", { "font-size": value });
 cssComposer.setRule("a", { "color": value });

Is this the correct way going about changing site-wide styles? Why is it getting overwritten?

artf · Accepted Answer

When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size).

It's not clear to me what do you change and where the style is overwritten... maybe you can provide a live demo of your case?!

Doing this cssComposer.setRule("p", { "font-family": value }) is correct but it doesn't change the way CSS work, if you have another rule with a strongest selector, that will gonna win

no-response[bot] · Answer

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.

CSS rules overwritten by cssComposer.setRule(...)

Question

Answers (2)

Related Questions and Answers

Showing two times some properties and not showing some options too.

[QUESTION] Losing predefined media queries

How to modify existing block properties in style manager

[QUESTION]: How to set editor html contents from custom component?

Paid Plugins That Match This Issue

Browse Plugin Categories