Can You Override Inline CSS???

Community Forums Forums Design Tips and Tricks Can You Override Inline CSS???

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  neilgee 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #115471

    anotherusername
    Participant
    Post count: 71

    Is it possible to ovveride inline CSS (or at least edit the template) if it has an ! important tag in it?

    Agency Pro them (maybe some others) uses inline CSS if you use an image for the header (instead of text).

    
    #header {
    
    background-size: auto !important;
    
    }

    But that means the background image for the #header div is NOT responsive.

    It needs to be changed to:

    #header {
    
    background-size: 100% auto !important;
    
    }

    In order to be responsive.

    So can the CSS be overridden in the style sheet?

    If not, any idea which template would need to be edited?

    Thanks in advance.

    #115955

    neilgee
    Member
    Post count: 122

    If the inline CSS has and !important declaration it wins.

    But check first if the CSS is actually inline – it is more probable that’s it in the style sheet check:

    /wp-content/themes/YOURTHEME/style.css


    Neil Gee
    Coolest Guides

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.