How to find your theme CSS filename

So that the Viva Page Builder displays your pages as close as possible to how they will appear on your live site, it needs to know where to find your theme's main CSS file.

If you're using a Shopify template, this will usually be a file called "base.css" and when you install the Viva Page Builder app we will detect and select this file automatically, so there will be nothing more you need to do.

However, if you're using a third-party or custom theme, you may need to select the correct file yourself.

• Go to the Viva Page Builder app in your Shopify account and choose Settings from the sub-menu on the left hand side.
  
  
• On the Settings menu, choose "Theme".
  
  
• In the drop down box, select the correct CSS file from your theme.

If it's not base.css then other common possibilities are index.css, main.css or theme.css, but if you're not sure you then the designer of your theme might be able to tell you the correct file to choose.