Hi All,
Please can someone assist me.
I have added a “Google Trusted Store” badge next to the price on my product page.
For the products priced $1000 or above the image is moved to the next line. I would like to make the margin narrower so that this doesn’t happen.
The first screenshot below shows incorrect image position and the second screenshot shows the correct image position.
Thanks in advance!
https://electricrideco.com/products/exway-atlas-carbon-4wd-43v-1-500w-2-electric-skateboard
go to theme.scss file in themes>edit code> theme.scss and add this code snippet
.product-single__price-container {
width: calc(100% + 50px);
}
Hi @guyv ,
Thank you for reaching out to the Shopify forums!
Let me quickly fix that issue for you.
Please add below CSS in your CSS file.
.product-single__price-container {
margin-bottom: 10px;
width: 100%;
}
product-single__meta-list li {
padding-right: 8px;
vertical-align: middle;
}
If its working on your store then, please do not forget to accept this solution 
Thanks & Regards,
Prezen Tech
Please add below css code in bottom of assets/theme.scss.css file
.product-single__price {
font-size: 1em;
}
Thank you.
Hi @guyv .
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can go to Online store => themes => actions => edit code and add this code on file theme.scss.css
.product-single__price-container{
width: calc(100% + 20px) !important;
}
Hope this answer helps.
Best regards,
Richard | PageFly
@PageFly-Richard @Denishamakwana @Prezentech @shahzad30399
Thank you all very much for your help! I accepted the solution that worked best for me. The other solutions affected the layout in mobile view.
I will most likely adjust the size of the image slightly so that it fits in the current margin.