How can I alter the footer font in the Pipeline theme?

[ekelaher]

Hi, 

I have 2 font variations on my website, Futura for Headings and Subheadings & Buttons, and Lora for body text.

I have 3 text content boxes on the footer of my website and I am trying to make the font in those the same as the assigned subheadings and buttons font, not the text font.

Does anyone know how I can change this?  

Thanks, Ele

[KarlOffenberger · Accepted solution]

Hello,

You could achieve this by editing the theme's stylesheet.

Step 1

First create a backup because any edits of CSS or JS in the assets folder are not versioned. Go to Online Store > Themes and then Actions > Duplicate. Good, now you're safe if something does go wrong.

Step 2

Go to Actions > Edit code and open the file in Assets / theme.scss.liquid and add this to the very bottom

.site-footer .rte span,
.site-footer .rte p {
  font-family: Futura;
}

Hit Save and have a look. If anything did go wrong, let me know - I can't verify everything because your theme is commercial and I do not have access to its code.

Hope this helps!

[ekelaher]

Brilliant, that's worked perfectly!

Thanks very much. 

[justoatl]

Hello, how would I make this change if I don't have "theme.scss.liquid"? I have theme.liquid and theme-editor.js.