Logo CSS override

Trying to not put a max height on the logo so I can have it bigger without stretching the container out but seems the theme  is overriding my important CSS
Explanation

Home page

Appreciate any help.

Comments

  • Hello,
    What you have problem with is specifity of CSS, you can make your CSS rule better by adding more detailed target of your CSS code.
    More informations about specifity here, in the mozilla docs - I suggest looking there, in my humble opinion, the mozilla docs are really well-written.

    But, about the problem, I've added the 'html body' before your CSS code and it will work, it's all because of the specifity ;)

    html body #Top_bar .logo img{
    max-height:unset !important;
    }
    Thanks
  • ahhh... Thank you very much. Was driving me nuts.
Sign In or Register to comment.