Hey there Rachel,
Hope you’re well today!
If you’re using Virtue theme please add this custom CSS to the theme custom CSS tab which is located in Appearance >> Theme Options >> Advanced Settings:
.topbarmenu ul li a {
font-size: 12px;
}
Note that this is the original font size, you’ll need to change the numeric value in order to increase/decrease font size.
Hope this helps 🙂
Cheers,
Bojan
Hello Bojan,
Many thanks it works great !
Then is there a way to enlarge the width of the top bar so that the menu is not splitted in two lines once the fonts are bigger ?
Rachel
Hey again Rachel,
Please try adding the following:
section#topbar {
height: 40px;
}
Replace the numeric value to what ever suits you the most 🙂
Cheers,
Bojan
Dear Bojan,
It is not exactly the top bar height or width that I wish to change but the menu’s width in the top bar. If I add too many categories to the menu it splits in two lines…
Hey there Rachel,
How are you doing today?
Could you please try adding the following CSS:
@media screen and (min-width: 1200px) {
.col-md-6.col-sm-6.kad-topbar-right {
width: 22%;
}
.col-md-6.col-sm-6.kad-topbar-left {
width: 78%;
}
}
This should increase the width of the top menu on desktop resolutions.
Best regards,
Bojan
This is great Bojan,
It works fine !
Many thanks again !
Cheers,
Rachel
Dear support,
I would like to change the hover colour on the link in the top bar http://www.3d-sculpture.fr which says ‘-> Consultez notre partenaire en création 3D’: it appears in blue whenever clicked and I would like to change that colour.
Could you please help me on this as I didn’t find any option in the theme for this ?
Regards,
Rachel
Hey Rachel,
You should be able to achieve that by adding the following CSS:
#topbar .textwidget a:hover {
color: #000;
}
Replace the color hex value to display another color. You can use sites similar to this one to get hex value for the color of your choice: http://www.color-hex.com/
Best regards,
Bojan
Many thanks Bojan but the color I wish to change once the link has been clicked on… it becomes blue and I do not see where this color is being specified…
Hey again,
Try adding the following as well:
#topbar .textwidget a:focus {
color: #2a6496;
}
This should change the link color when clicked on.
Hope this helps 🙂
Cheers,
Bojan
