Making TopBar's Menu Items Bold Font


If you want to take the plain menu items and change them from normal font

TopBar Normal Font

To bold font, this is very easy to do. Open the page inspector and find the CSS tab.

RapidWeaver 6 Page Inspector

Then put this code in the CSS Tab

.top-bar-section ul li > a { font-weight:bold }

Preview your page and you should see the TopBar Menu items have changed to a bold font.

TopBar Bold Font

If you are using RapidWeaver 6 and want this effect on every page of your site, we suggest you use the Site Wide code setting and put the code in the CSS area there.

RapidWeaver 6 Site Wide Code

Once this is done it will be effective on all pages.

Now go forth and make your websites great!