Skip to main content

Changing Fonts

I have watched the custom themes video but, I cannot figure how to change the font/size.... on my template! I'm a SCSS novice so, I'm assuming this a relatively easy fix for some but I am struggling! Thanks

Official response from

Tori, to start making changes to your theme you need to first create a custom theme. 

1. To create your own custom theme, sign in to your control panel and click Websites > Theme > New custom theme. (Theming Video: nationbuilder.com/theme_documentation

2. Once you have a custom theme, you can then begin editing your stylesheet. To find it, go to Websites > Theme > theme.scss.

3. In your stylesheet, click the toggle button over from "Current" to "Default" to see your theme's original styles and find the one for the element you are trying to edit.

 changing_fonts.png

For example, your text body has the following styles: 

#body {
text-alignleft;
font-size14px;
font-family"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
line-height22px;
}
4. Copy and paste the styles you want to edit from "Default" to the bottom of the "Current" stylesheet, make your modifications and save. 
Thanks.
Share this post

Showing 4 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.