Virtue Dropdown menu font size

I have researched this for the last two hours and tried every CSS insert everyone says to do. It doesn’t work

Each theme has a different structure. And even within the same theme, some users might have it setup differently or have already added certain styles of their own.

If you just pick up random codes and apply it to your site, then frustration is inevitable. When it comes to customization with CSS styling, it’s best to do it on a per-site basics (even if they’re using the same theme) because mostly likely each site’s situation will be a little bit different from another.

how to change the font size in the drop down menu?

#nav-main ul.sf-menu ul li a {
    font-size: 16px;
}

Hi,

Thanks for the reply. Unfortunately, I have tried that and the drop down font-size doesn’t change. I did try it again just now and there was no change.

Then the problem is with where you’re placing the codes.

Here’s a screenshot showing the codes at work (font-size changed to 24px): https://i.imgur.com/KN5dlZH.png

You can also add !important (with the exclamation mark) declaration to it so it overwrites others, like this:

#nav-main ul.sf-menu ul li a {
    font-size: 24px !important;
}

Hi. That is exactly what we are using and exactly what I did. No difference in the font-size. I know how to write CSS. I am not as familiar with wordpress. This is why this has been driving me batty. I first tried to write my own. I looked for the classes. no change. I then started researching this and seeing what other people have done. No change.

I have also already tried the !important as well to no avail.

I installed the Virtue theme to a test site (to see all the options it has and to check whether it has a custom CSS box built in). It does.

So I added teh code to Appearance –> Theme Options –> Advanced Settings –> Custom CSS Box. Screenshot: https://i.imgur.com/gMQBn0f.png

And here’s the result: https://i.imgur.com/vyUta6M.png

Did you try something similar to that? If that still doesn’t work for you for whatever reason, we can try a child theme next.

Hey chumitu,
Try using this css:

.sf-dropdown-menu a {
font-size: 15px !important;
}

Hope it works for you!

Hannah

Thanks Hannah, that worked perfectly!