Not changing [dropdown menu padding not taking effect]

Tagged: ,

Author Posts

webspeed April 21, 2017 at 6:02 am

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 April 21, 2017 at 11:29 am

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 April 21, 2017 at 4:41 pm

Hi Sebastian

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

Sebastian April 21, 2017 at 4:43 pm

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

webspeed April 21, 2017 at 4:55 pm

thanks, i sent the details

webspeed April 21, 2017 at 5:10 pm

Hi Sebastian

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

Sebastian April 21, 2017 at 5:55 pm

Ah excellent. Well done!

You must login or register to reply to this topic.