Menu Font Size Code

menurecipes · Member · Feb 16, 2016 at 7:41 pm
Copy link

Add topic to favorites
Hi, I am looking for a CSS Cod that will allow me to customize the font on my menu separate from the headers and content on my home. Can someone help with this.

Much appreciated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 16, 2016 at 8:44 pm
Copy link
For general changes to the menu font, you can use the following. I’ve included a few different declarations that you may want to use to make your menu more visible. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.main-navigation a {
    color: #000;
    font-weight: bold;
    font-size: 120%;
}
```
Also, given the nature of your header image, you may wish to add a slightly opaque background to the navigation. Add the following and see what you think. The first three numbers are the RGB code for white, and the last number, 0.75 is the opacity. The closer to 1, the more opaque.
```
.main-navigation {
    background-color: rgba(255, 255, 255, 0.75);
}
```
menurecipes · Member · Feb 16, 2016 at 9:03 pm
Copy link
That was very helpful! Thank you very much, looks much better
thesacredpath · Member · Feb 16, 2016 at 10:11 pm
Copy link
You are welcome.

No items found.