menu font to bold

sbakshi2015 · Member · Jul 23, 2015 at 4:52 pm
Copy link

Add topic to favorites
Please could you let me know how I can change the font of my main menu text to bold or change the colour or font size? Thanks

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jul 23, 2015 at 4:56 pm
Copy link
Which theme are working with?
Which fonts exactly are the ones that you want to change?
What are the exact font changes you want to make?
sbakshi2015 · Member · Jul 23, 2015 at 5:07 pm
Copy link
I am using the Wideley theme which is a free theme.
I would like to make the font in the main menu bold.
I am not sure what the font type is at present.
thesacredpath · Member · Jul 23, 2015 at 9:26 pm
Copy link
Hi there, to change the menu font weight and color, add the following. I’ve also tightened up the spacing between the menu items a bit since when I went to bold and larger, it bumped down below your title and description.
```
.main-navigation a {
    color: #cc0000 !important;
    font-size: 110%;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
```
sbakshi2015 · Member · Jul 23, 2015 at 9:40 pm
Copy link
Thank you. Sorry, but I am a total beginner. Do I enter this information into the CCS?
sbakshi2015 · Member · Jul 23, 2015 at 9:41 pm
Copy link
or CSS even…
ehtis · Staff · Jul 23, 2015 at 10:55 pm
Copy link
Yep, and you need a CSS customization upgrade (comes with Premium plan) in order to make this CSS code work.

Enter the code here: Dashboard > Customize > CSS.
thesacredpath · Member · Jul 24, 2015 at 8:23 am
Copy link
@sbakshi2015, you have the Premium Trial, so you can try out the CSS by going to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.
sbakshi2015 · Member · Jul 24, 2015 at 3:24 pm
Copy link
Thank you very much! It was showing up in red, so I removed a zero and it turned back to black.

I also reduced the size to 100%. However, it seems to be hanging a bit too far on the right. Is there a way for me to center all the of the menu headings so that they start further on the left?
thesacredpath · Member · Jul 25, 2015 at 6:45 am
Copy link
@sbakshi2015, the color code I use was just for demonstration purposes and is a red color. You would have to change the color code to one of your choosing. Here is a link to a color table. You would want to use the number in the “Hex” column: http://cloford.com/resources/colours/websafe2.htm

No items found.