Skip to:

Can’t overwrite !important in responsive.css

  • I’m working on the responsive side of my install and can’t overwrite a default !important setting.

    I’m creating my own theme, have copied over the default theme and am adapting as normal and all is working fine.

    In the default theme > _inc > css > responsive.css
    At line 21 -> body – margin-top: -28px !important;

    I need to remove this this but no matter what I do, the only way to clear it is to change in the default theme, which I obviously don’t want to do.

    I have tried setting margin-top:0 (with and without !important) in my own theme, in the included default theme … nothing.

    So … suggestions please?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Not sure why you don’t just de-register the file then and re-enqueue it in your child theme then you can edit as you like?

    or simply declare the function ‘bp_dtheme_enqueue_styles()’ in your functions file which will stop BP loading it’s version then re-declare the stylesheets pointing back up to bp excluding responsive which you can keep locally.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t overwrite !important in responsive.css’ is closed to new replies.
Skip to toolbar