Top bar

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 https://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: https://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