Re: Align Text Underneath Trust Badge

evergreengolfer · ‎07-07-2022

Trying to align text to go underneath my trust badges. But I am running into 2 problems. When using the current code the description will distort. When I add the badges but no text there is no distortion.

The other problem is with the current code i'm using on mobile the badges will stack on top of each other rather than displaying side by side.

Code:

<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
}

.column {
float: left;
width: 25%;
padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
content: "";
clear: both;
display: table;
}
img {
width: 100%;
height: auto;
}
p {
text-align:center
}

</style>
</head>
<body>

<div class="row">
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0540/9967/3263/files/Free-Shipping.png?v=1657171381" alt="Free Shipping" style="width:100%">
<p>Free Shipping </p>
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0540/9967/3263/files/Zipr-Warranty.png?v=1657171381" alt="3 Year Warrenty" style="width:100%">
<p>3 Year Warranty</p>
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0540/9967/3263/files/Lowest-Price-Guarantee.png?v=1657171381" alt="Lowest Price Guarantee" style="width:100%">
<p>Lowest Price Guarantee</p>
</div>
</div>

</body>
</html>

ZestardTech · ‎07-07-2022

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Nemanja_Janjic · ‎11-07-2022

Hey there,

What app do you use for badges. You can use TrustIcon app.

Let me know if this helps.

Cheers,

Nemanja

Re: Align Text Underneath Trust Badge

How can I align text under trust badges without distortion?

Community Blog Articles