You can do so by adding custom CSS to your Shopify theme. This gives you the flexibility to adjust the styles so they align more closely with your brand’s identity.
Step 1: Navigate to the Theme Editor
- Go to your Shopify admin dashboard.
- Click on Sales Channels → Online Store → Themes.
- Locate the published theme you want to customize.
- Click on the 3 dots menu next to the theme and select Edit Code.
Step 2: Create the truszt-custom file
- In the left-hand sidebar under the Snippets folder, click Add a new snippet. Name the file as truszt-custom and click Done
Step 3: Add Your Custom CSS Code
Here is the code for your reference: you can easily adjust the width and height values to suit your needs. The settings from lines 3 to line 10 are specifically for the desktop version, the others are for the mobile version.
<style> /* Desktop version */ .trustz-app[widget='product-block'][type='payment_badges'] img{ width: 46px !important; height: 32px !important; } .trustz-app[widget='product-block'][type='trust_badges'] img{ width: 48px !important; height: 48px !important; } /* Mobile version */ @media only screen and (max-width: 576px) { .trustz-app[widget='product-block'][type='payment_badges'] img{ width: 46px !important; height: 32px !important; } .trustz-app[widget='product-block'][type='trust_badges'] img{ width: 48px !important; height: 48px !important; } } </style>
Step 4: Link the truszt-custom file to Your Theme
- The final step is to ensure that your custom CSS is applied to your store. You need to link the truszt-custom.liquid file in your theme’s layout.
- In the theme.liquid file, decide where you want the truszt-custom.liquid content to appear (typically, this could be before the </head> tag, depending on your needs). Add the following line of code where you want to render the created file: {% render 'truszt-custom' %}
Should you need further support, please feel free to contact us via email at support@trustz.app.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article