Font and Icon size Topbar

Go to Appearance –> Theme Options –> Advanced Settings –> copy-paste this into the custom CSS box there:

.topbarmenu ul li a {
font-size: 14px; /* topbar menu font size */
}

increase the font size as needed. And I have no idea what icons you’re talking about.

This didn’t help! In the topbar, we have to language icons and a search bar, how can i change the size of these language icons and the search bar?
Thank you in advance.

This didn’t help!

The code works for the link text. If it didn’t work on your end, that means there’s some error with how you’re applying the code. Please check your method.

In the topbar, we have to language icons

I’m basing my code on what I see on the official demo, which is here: https://themes.kadencethemes.com/virtue/

I’m sorry but if I don’t see it, I can’t provide help with it. YOu’ll need to let me see a site where the language icons are there.

and a search bar,

#topbar-search input[type="text"] {
height: 36px; /* search area height */
}

.form-search .search-icon {
font-size: 20px; /* search icon size */
}

.form-search .search-query {
font-size: 24px; /* search text font size */
}

change the sizes as needed.

Also, here’s a screenshot to show the codes at work, when apply properly: https://i.imgur.com/BDYRn4P.png

Hey so if your icons are flags from a plugin like qtranslate then there isn’t anything I can do to help. You have to work in the plugin and find the image files and replace with larger files.

Kadence Themes