Overriding !important

  • Resolved dtwatson

    (@dtwatson)


    1 year, 10 months ago

    Is there an easy way to override all of these !important CSS tags? It’s such a headache to make the most simple changes. Someone should be fired.

    Thanks for any help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support andrewshu

    (@andrewshu)

    1 year, 10 months ago

    Hello

    You could add a “body” before selectror. For example:

    .um-form{ margin: 5px !important;}
    body .um-form{ margin: 0 !important;}

    Regards.

    Thread Starter dtwatson

    (@dtwatson)

    1 year, 10 months ago

    Thanks so much for your help but I’m still confused. Here’s the main obstacle that I’m trying to work around. The font size is too small.

    .um-activity-widget div.um-activity-textarea textarea,.um-activity-widget div.um-activity-textarea textarea:focus,.um-activity-widget div.um-activity-textarea textarea:hover {
    border: none!important;
    resize: none;
    padding: 10px 15px!important;
    min-height: auto!important;
    font-size: 13px!important;
    outline: 0!important
    }

    Plugin Support andrewshu

    (@andrewshu)

    1 year, 10 months ago

    Hello @dtwatson

    Try this code:

    body .um-activity-widget div.um-activity-textarea textarea,
    body .um-activity-widget div.um-activity-textarea textarea:focus,
    body .um-activity-widget div.um-activity-textarea textarea:hover {
    border: none !important;
    resize: none;
    padding: 10px 15px !important;
    min-height: auto !important;
    font-size: 16px !important;
    outline: 0 !important
    }

    Regards.

    Thread Starter dtwatson

    (@dtwatson)

    1 year, 10 months ago

    It worked! Thanks so much! I was beginning to lose faith in humanity…lol

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Overriding !important’ is closed to new replies.