Sometimes we need to add some custom CSS in the Shopify theme to edit the default display of UI elements in Shopify frontend.
This custom CSS option in available under the theme settings option in Shopify admin.
Adding Custom CSS in Shopify theme
Following are the steps to add Custom CSS in Shopify theme -
1. Go to Shopify store admin.
2. Open themes and click on customize.
3. Select theme settings option.
4. Open the Custom CSS option
5. Put the custom css and enable custom css option
6. Click on the save button
Above will update the Custom CSS at global level for the theme.
Also, custom CSS is not applicable on checkout page of Shopify.
Here is a demo video to show above steps in action -
#shopify #shopifythemes
Click here to subscribe our YouTube channel : https://shorturl.at/gmqCS
-------------------------------------------------------------------------------------------------------------------
Also, check out our other video based on settings Global Custom CSS using he theme settings options -
Links for our other useful Shopify tutorial videos -
Changing text & color of Buy It Now button in Shopify: https://youtu.be/LVefRmat_g0
Adding Custom CSS in Your Shopify Theme: https://youtu.be/nPja-jHwmPc
Display image in Product Template using Custom.liquid block Shopify : https://youtu.be/2uaO4B0fnhY
Shopify Tips: How to Hide Specific Products from Related Products in your Shopify?: https://youtu.be/Z1gVuNkirLA
Comments
Post a Comment