Styling overrules after update

  • Hi there,

    I’m using this plug-in on quite a lot of websites and yesterday I noticed that most of the custom styling (added through a child-theme’s style.css) are being overruled after the update to the 2.0 version.

    Is there a way to prevent this from happening, because this would be quite some work to check on all websites which are using this plug-in.

    Some of the changes that have been overrules are positioning of the cookie notice, the width, alignment of the text, styling of the buttons.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author dFactory

    (@dfactory)

    Hey,

    Thanks for your question.

    There should be no significant changes in the way how the CSS/HTML is laid out unless you have upgraded to Compliance, because upgrade, aprat from multiple new features, includes different HTML and CSS structure (which you can however easilly control from the Compliance app dashboard).

    Maybe we’d be able to tell more if you shared an url of one of those affected websites.

    Thread Starter imrafaelhii

    (@imrafaelhii)

    Hi there,

    I have not upgraded the plug-in, I only updated to the 2.0 version when it became available. I haven’t changed the css yet on this website, so you can see how the banner looks. It’s full stretched full width: https://letsmosh.nl/

    The banner should be displayed similar to this, boxed in the bottom corner of the website: https://saskiakleinkoerkamp.nl/

    To have the right styling I have to add ‘!important’ to all style changes I made in the child theme’s stylesheet, which was not necessary before this update.

    Hope this is clear!

    Plugin Author dFactory

    (@dfactory)

    If you want to override CSS rules for an element you have to use a different method then just applying styles to #cookie-notice. If you do so it’s the browser will decide which of the styles to use – the one from the plugin or your stylesheet.

    If you want to make sure your CSS rules apply give them at least an !important attribute or apply the styles like this:

    body #cookie-notice {
    // your styles here
    }

    Tested on your site as the custom style is there and would work properly, it just get’s overwritten by plugin.

    • This reply was modified 4 years, 1 month ago by dFactory.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling overrules after update’ is closed to new replies.