Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is there some custom CSS code to change the font size and color of front page menu items?
Perhaps there is an easier way? Can’t seem to find it.
I found one solution,
If there is an easier way I would love to know. (NOW I WOULD LIKE TO MAKE IT BOLD? where to place?
About four or five pages down in editor i found this code:
#menu-main-menu,
#top-area .menu > ul{
display: inline-block;
font-size: 16px; CHANGED THIS FROM 12 to 16
}
#menu-main-menu > li,
#top-area .menu > ul > li{
position: relative;
display: inline-block;
margin-left: 20px;
}
#menu-main-menu > li > a,
#top-area .menu > ul > li > a{
color: #ffffff; CHANGED THIS to white (#ffffff)
font-weight: 500;
text-decoration: none;
Changed the Font thickness like this: (is their an easier way?)
#menu-main-menu > li > a,
#top-area .menu > ul > li > a{
color: #ffffff; CHANGED THIS to white (#ffffff)
font-weight: 500; CHANGED THIS TO 600
text-decoration: none;
Hi Laura
Glad to hear you’ve made progress here. As long as all these selectors are under Appearance > Custom CSS then that’s perfect. Custom CSS is the only way to manage this at the moment.