All Collections
Integrations
Integration Add-Ons
How can I add Custom CSS to my Shopify Widget?
How can I add Custom CSS to my Shopify Widget?

Learn how to further customize your widget by adding custom CSS to your Shopify code

Dov Kaufmann avatar
Written by Dov Kaufmann
Updated over a week ago

If you created custom CSS to your Tolstoy widget, this guide will show you how to add it to your Shopify store!

Pasting your Code on your Custom Liquid

  1. In your Shopify admin page, access your code by clicking on Themes on the left menu. Under Actions, click on Edit code.


  2. Under Layout, go to theme.liquid.



    Paste this code before the end of the </body> tag. Insert your custom CSS between the curly brackets.

    <style>
    .tolstoy-widget {
    }
    </style>


  3. Click Save when you're done.

Pasting your Code on your CSS Asset

  1. In your Shopify admin page, access your code by clicking on Themes on the left menu. Under Actions, click on Edit code.

  2. Under Assets, go to base.css.



    Paste the below code anywhere on the page. Insert your custom CSS between the curly brackets.

      .tolstoy-widget {
    }


  3. Click Save when you're done.


That is it!

If you need any help with custom CSS, feel free to reach out at support@gotolstoy.com and we'll help you customize your widget to your preference!

Did this answer your question?