!important styles make things difficult to customize

  • cmackk87

    (@cmackk87)


    7 years, 4 months ago

    This plugin over-uses !important with CSS so it’s very hard to customize styles.

    For example, in the header block, the title and subtitle margins are set with !important so I can’t override them with CSS. I could add a custom class but this makes things harder to maintain, and adds more work / confusion for content editors.

Viewing 1 replies (of 1 total)
  • Plugin Author Benjamin Intal

    (@bfintal)

    7 years, 4 months ago

    Being a design-oriented plugin that can be used across many themes, it’s a challenge to retain a consistent design without the help of ‘!important’. We mostly use this directive for our element margins as you have mentioned.

    Unfortunately, we need to do this, or else our users would end up seeing differently designed blocks than what we intended.

    It may feel excessive, but it’s because almost every block we have does it for margins.

    I would prefer keeping those ‘!important’ rules in there so that our users will have a consistent design experience with Stackable.

    You can easily override ‘!important’ by doing another ‘!important’ which uses more specific selectors anyway.

Viewing 1 replies (of 1 total)

The topic ‘!important styles make things difficult to customize’ is closed to new replies.