How to edit Storefront’s Woocommerce CSS

Share on facebook
Share on twitter
Share on reddit
Share on linkedin
Share on pinterest
Share on email
QuestionsCategory: General QuestionsHow to edit Storefront’s Woocommerce CSS
asked 1 year ago

I am building an E-commerce store with the storefront theme (not premium) + Woocommerce, and i would like to change the text font on my whole website, but it is not working with me. I have tried to go to “Appearance” > “Customize” > “Additional CSS”, added a couple codes like ”

.site-branding .site-title a {
font-family: Comic Sans MS ( or whatever )

But unfortunately this doesn't work on the whole website's CSS, only worked on homepage but not on Shop, Cart, and Checkout pages.

I figured I need to go to “Editor” and change some of the php's code, but I don't know which and I don't know any php coding, I only know Html and CSS.

I would really appreciate it if I get an answer! thank you in advance.

1 Answers
Adam @ WPCrafter Staff answered 1 year ago

Font's are different then normal CSS edits. You have to enqueue a font via a function before you can use it on your website.

I do have a video on changing fonts on your website: