Changing the Styling and Placement of Your Shipping Policy Text
In this guide, we will show you how to change the styling and placement of your shipping policy text in your Shopify store. By using a custom liquid theme block and CSS code, you can adjust the font size and weight of your text and use an app block to move it to a different location on your product page.
Adjusting the Styling of the Shipping Policy Text
- Log in to your Shopify admin and go to the "Sales Channels" section.
- Select "Online Store" and then click on the "Customize" button next to your current theme.
- In the theme editor, navigate to your product page by clicking on "Products" and then the "Default Template".
- Choose the product you want to show on your product page or add a new one.
- To adjust the styling of the text, click on "Add Block" and select "Custom Liquid Theme Block".
- Paste the following CSS code into the custom liquid theme block:
<style>
.dash-shipping-policy {
font-size: 14px !important;
font-weight: 700;
}
</style>
- Click on "Save" to apply the changes to the font size and weight of the text.
Changing the Placement of the Shipping Policy Text
- In the theme editor, navigate to your product page.
- Click on "Add Block" and select "Pre-order Shipping Text".
- Drag the text to the desired location on your product page.
If you have any questions or need additional assistance, feel free to reach out to the Shopify support team.