Where to place CSS link element for site-wide application?

Store Design
,
1

Hello All,

We are working on our site and our core partner asked the question below. Any guidance would be greatly appreciated!

He has a specific CSS file in the asset folder of the source code but he is trying to locate the html file to connect it. He believes “theme.liquid” is the correct file in the layout folder, but he isn’t sure where he should put the link element so it applies to the entire website and any associated pages.

Thanks all!

2

Hi @OLComics

This is Richard from PageFly - Shopify Page Builder App

Please add the code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

{{ 'your-file-name.css' | asset_url | stylesheet_tag: preload: true }}

Remember to replace the ‘your-file-name.css’ to the actual file name

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

Hello @OLComics :waving_hand:

That is right, you can add the code to theme.liquid to apply to the entire website.