Menu font size and color
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3I 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.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.