CSS Override

  • Resolved iamkashifnadeem

    (@kashifkiduniya)


    3 years, 5 months ago

    Hi
    I really love your all plugins.
    But only thing bother me to use your plugins is difficult customisation of css.
    it is very difficult to override css. Until i use !important.

    Like woocommerce it self is very easy to override css. Just write css in main style sheet.
    Is there a way to override css easily?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Leanza Francesco

    (@leanzafrancesco)

    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!

    Thread Starter iamkashifnadeem

    (@kashifkiduniya)

    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

    Plugin Support Leanza Francesco

    (@leanzafrancesco)

    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).

    Thread Starter iamkashifnadeem

    (@kashifkiduniya)

    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

    Plugin Support Alessio Torrisi

    (@alessio91)

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS Override’ is closed to new replies.