WordPress.org

Forums

How to stop wordpress theme to override plugin css (19 posts)

  1. Mihai03
    Member
    Posted 10 months ago #

    Hello, guys!
    I have a wordpress website that has installed Kalixo Magazine theme. I tried to install several widget menu plugins with interesting designs, but always the design( i think the css) is the default one from the theme.
    How can I stop my theme to override the css of widget menu plugin so I can have a unique menu on my sidebar ?
    Thank you in advance!

  2. Evan Herman
    Member
    Posted 10 months ago #

    The way plugins are generally coded, are to use the themes CSS styles. That way it will seamlessly work with as many themes as possible.

    You can write your own CSS to target that plugins elements.

  3. Mihai03
    Member
    Posted 10 months ago #

    these plugins have their own css and their own design at lists items li, ul, ol, but in this theme this designs are overrided by the theme's designs so what you said isn't true.

  4. Evan Herman
    Member
    Posted 10 months ago #

    guess I'm wrong then.

  5. catacaustic
    very awesome
    Posted 10 months ago #

    If you're using a menu plugin, it is always going to need it's own CSS and most likely some Javascript files to make it work and look the way that it's meant to.

    The way that it normally works, when the plugin is written the right way at least, is that the plugins CSS file will be loaded first, and the themes CSS will be loaded after so that it will take precedence over the plugin.

    Can you show us an example of a page that's got a menu that's not looking the way that you expect and where the plugins CSS is over-writing the themes' CSS?

  6. Mihai03
    Member
    Posted 10 months ago #

    Yes, of course.
    Please go to http://mobilierdegradina.net
    The left menu is made by the plugin Better Menu widget, the right one is made by custom menu widget from wordpress.

  7. catacaustic
    very awesome
    Posted 10 months ago #

    Both ot the menus look the same to me. What exactly isn't right about it, and which one is the problem?

  8. Mihai03
    Member
    Posted 10 months ago #

    Omg, I told you what is the problem. The left menu must have different design but theme's css overrides plugins css.
    Look how should be the left menu made with the plugin Better Menu Widget: https://ps.w.org/better-menu-widget/assets/screenshot-3.png?rev=678171

  9. Dave Naylor
    Member
    Posted 10 months ago #

    @Mihai03 I have to agree with @catacaustic, the two sidebar lists of links (is that what you mean by menu?) look identical to me too.

  10. Mihai03
    Member
    Posted 10 months ago #

    OMG, guys please stop spamming. If you don't read the problem and you don't know the solution or at least some sugestions, please stop answering here!

    Read again my problem! The wordpress theme I use overrides the css of the plugin that's why both menus are looking the same!
    That's the problem. Please again, read the damn problem and stop answering just to make another message.

  11. Andrew
    Forum moderator
    Posted 10 months ago #

    Sorry which theme are you having issues with: http://wordpress.org/themes/search.php?q=Kalixo+Magazine+ ?

  12. Andrew
    Forum moderator
    Posted 10 months ago #

    Nobody has spammed your thread. If everyone that has posted here has misunderstood your issue then you may need to re-explain the issue you're facing.

    Please don't take out your frustrations on the people trying to help you.

  13. Mihai03
    Member
    Posted 10 months ago #

  14. Andrew
    Forum moderator
    Posted 10 months ago #

    That's not a theme we support, but in general you need to use more specific selectors to override CSS http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

    So it sounds like you either have the choice to redo your theme's navigation styles so that they're not so specific, or redo your plugin's navigation styles so that they're more specific.

    You can use a separate plugin to hold your CSS modifications: http://wordpress.org/plugins/custom-css-manager-plugin/

    Is there any way you could contact your theme's vendors/ authors about this?

  15. Mihai03
    Member
    Posted 10 months ago #

    No, because this version of theme is a shared version so they don't provide support. I also thing that javascript/jquery is overrided.

  16. esmi
    Forum Moderator
    Posted 10 months ago #

    Can you clarify what you mean by "a shared version"? Where did you download the theme from?

  17. Mihai03
    Member
    Posted 10 months ago #

    I downloaded the theme from wp-locker.com

  18. esmi
    Forum Moderator
    Posted 10 months ago #

    I'm sorry but as you appear to be using a non-WPORG theme, you need to seek support from the theme's developers - paid or otherwise. We only support themes downloaded from wordpress.org here.

  19. Mihai03
    Member
    Posted 10 months ago #

    Ok, but maybe somebody knows web programming and knows why these things happen and what to do to or at least where/what to search on ftp files to make it better.

Reply

You must log in to post.

About this Topic