Not changing [dropdown menu padding not taking effect]

This topic contains 6 replies, has 2 voices, and was last updated by  Sebastian 5 years, 5 months ago.

Author Posts

webspeed

Hi, im new here, just trying to change the padding on a dropdown menu there is padding already applied in light grey in the microthemer selector, when i hover over it it disappears and i am able to type in a new value, however the changes do not appear? why would this be?


Sebastian

Hi there,

From your description it sounds like another CSS rule from elsewhere is overriding the style you set in Microthemer. It may be an inline CSS style, or a CSS style with !important at the end. This is due to CSS specificity rules. Would you mind posting a link to the page on your site so I can check?

One thing to note, which may be relevant.
Dropdown elements, if they are select HTML elements, resist certain custom CSS styles annoyingly. Padding is one (in certain browsers at least). There is discussion of this here (it’s 3 year old thread mind): http://stackoverflow.com/questions/22681141/select-option-padding-not-working-in-chrome

I just did a test in Internet Explorer 11 and the latest Chrome, and they do apply padding to select elements. Which browser are you using?

Cheers,
Sebastian


webspeed

Hi Sebastian

is there a private reply option? i would rather not post the web address so its publicly visible and indexable


Sebastian

Certainly, you can send us the link via our contact form if you prefer: https://themeover.com/support/contact/


webspeed

thanks, i sent the details


webspeed

Hi Sebastian

yes you were correct, I have cracked it by reading your guide – https://themeover.com/beginners-guide-to-understanding-css-specificity/


Sebastian

Ah excellent. Well done!

You must login or register to reply to this topic.