Changing Font Weight that is not the header.

Barclay Horner · October 4, 2013

So the easy customizer allows you to change the font weight for the header, but not for anything else. Is there a css trick that will allow me to change the font weight for the nav bar. I searched and did not see a specific thread for this.

Thanks!

leftquark · October 4, 2013

Barclay Horner wrote: »

So the easy customizer allows you to change the font weight for the header, but not for anything else. Is there a css trick that will allow me to change the font weight for the nav bar. I searched and did not see a specific thread for this.

Thanks!

It looks like you haven't unveiled yet? It'll be a bit harder.

The answer is yes, there is. It should be pretty easy but we need to know:

1) What kind of navbar are you using? Horizontal, Vertical, Accordion?
2) Where did you place the navbar? Left sidebar, header, right sidebar?

It sounds like you have it in your header, so the following code should do the trick. In CSS you bold a font by giving it a thicker weight. A weight of 600 is usually considered bold.

Try this. Place it in your theme's Advanced CSS section:

/* Bold the menu nav links in the HEADER */
.sm-page-layout-region-top .sm-page-widget-nav-toplink {
  font-weight: 600;
}

Barclay Horner · October 4, 2013

I am using a horizontal nav bar, placed on the top right. The header box is separate on the far left. Does alignment matter? I'm not sure what template I am going to use finally. I am looking to get font weight 300 our of open sans.

Thanks!

Changing Font Weight that is not the header.

Comments