CSS !important property makes styling impossible

  • Resolved consistentbenny

    (@consistentbenny)


    4 years, 11 months ago

    Hi there!

    I really love this plugin, it fulfills all my comment section desires and I was able to style it to perfection – except for one tiny thing.

    The avatar image on mobile has some strange margin settings defined and unfortunately I cannot override them, as you are using the “!important” property for it already.

    You can see here what I mean: https://imgur.com/a/wXfzC3R

    Would be useful if the !important property wasn’t used in the plugin code to keep it cutomizable.

    Thanks for your help!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    Hi @consistentbenny,

    Please try to use the following CSS code:

    @media screen and (max-width: 800px){
    #wpcomm .wc-reply.wc-comment .wc-comment-left .avatar{
    margin: 0 !important;
    }
    }

    You can change the 0 value as you like and the margin will be overwritten.

    The CSS codes should be added in the “Custom CSS code” textarea, located in the Dashboard > Comment > Settings > Styling Tab.??

    Please try on incognito mode because mobile browsers have a hard cache.

    Thread Starter consistentbenny

    (@consistentbenny)

    Works… I don’t even know what I did wrong then, I think I forgot the @media rule…

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS !important property makes styling impossible’ is closed to new replies.