All Collections
Integrations
Integration Add-Ons
How To add Custom CSS to your Shopify Widget
How To add Custom CSS to your 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 Copy 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 Copy code.

  2. Under Assets, go to base.css.



    Paste the below code anywhere in 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?