Re: Remove featured product image border on mobile
Hey @nmn22601,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.card--standard .card__inner {
border: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @nmn22601,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.card--standard .card__inner {
border: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hello @nmn22601 ,
I understand you are looking to remove the featured product image border.
You can remove the border with the help of following steps -:
1. Go to Online Store -> Themes-> Edit Code https://prnt.sc/AD-DQ6ECUvcp
2. Open the theme.liquid file and paste the code at the bottom of the file before </body> tag
<style>
.card__inner.color-background-1.gradient.ratio {
border: none !important;
}
</style>
Output will be like this =>
I hope the solution helps you.
Please share if you have any query.
Thank you.
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024