CSS Override

Hi,
and thank you for writing in!

The easier way to override CSS is putting your CSS code snippet into Appearance > Customize > Additional CSS.
This way you can see CSS changes in real-time and keep your customization separate.

Which CSS are you trying to override exactly? Probably we could help you by providing the CSS code snippet to override it correctly.

Please try this solution and let us know if everything works fine!

• This reply was modified 3 years, 5 months ago by Leanza Francesco.

Hi
Thanks for your reply!
Additional CSS is fine when you have minor customisation.

Actually i am UI/UX Developer. And i want to use yith plugins in my different projects.

So i am looking for CSS customisation according to the design. And definitely i prefer to write css in main stylesheet instead of in Additional CSS section.

Is there a way to override css easily through my main stylesheet?

Thanks

Hi,
if you need to have a stylesheet for your customization and you want it’ll be loaded after all other CSS files, you could think of creating a child theme (you can read more about that in the official documentation).
You could also think of putting all code snippets of your customization in a custom plugin (you can read more about that in the official documentation), so you can easily install it wherever you want.
By using one of these solutions, you could, for example, have a specific stylesheet loaded after all other CSS files, by including it through the wp_enqueue_scripts action with an high priority (for example, 99).

Hi
Thanks for your solutions. But i have little bit more easy way.

Just use html before the (selector) class or id. Example is below
html .yith-container .yith-child .yith-element { }
Believe me its so easy to override default styles. You don’t have to use even !important

Thanks

Hi there,
happy to see that your problem has been achieved now ??
Don’t hesitate contact us whenever you need.