How to avoid affecting the parent theme?

Hello,

the plugin simply outputs the CSS codes you write to the frontend.

The plugin doesn’t recognize if you write a CSS rule for a parent theme or a child theme. You can also change the theme altogether, the CSS rule will still be present.

If you want to write a CSS rule that affects only one theme and is discarded when changing the theme (as for example, when changing from the child to the parent theme), then you’ll want to write the CSS rule on the WP Admin -> Appeareance -> Customize -> Additional CSS page.

From the plugin’s FAQ section: “Q: What if I change the theme?
A: The CSS and JS are independent of the theme and they will persist through a theme change. This is particularly useful if you apply CSS and JS for modifying a plugin’s output.”

Thank you, Diana, this works!

One more question: When I edit the content of child theme files(without any coding), through WP Admin -> Pages -> Home/Edit those edits are reflected in the parent theme as well.
Is this the way it supposed to be? Is there a way to edit the content of a child theme without having those changes in parent theme?

The pages (WP Admin -> Pages) are independent of the theme. Whenever you change the theme (whether child to parent, parent to child, or simply to another theme) the number of pages and the content of the pages stay the same.

You seem to confuse the idea of “website content” and the “theme”.

I’m afraid I don’t understand what you mean by “the content of a child theme”. For me a theme is only the “skin” or the design of the website and the content is the actual text and images. The theme is not supposed to have any content. When changing the theme, the content (the pages with text and images) stay the same, but the design is different.

Yes, I change the text and images while the child theme is activated, and when I switch to parent theme – all my changes are reflected there.
So you are saying it is supposed to be this way?

Yes

Thank you very much Diana! This was really helpful.