How can I adjust the size of my trust badge to match the buy now button?

Store Design
1

Hello. I have built in a section for my trust badge. I use code:

main-product.liquid:

{% if section.settings.trust_badge_icon != blank %}

{% endif %}

at the bottom i have:

“type”: “image_picker”,
“id”: “trust_badge_icon”,
“label”: “Trust Badge Icon”
}

and then in section-main-product.css i have:

.custom-img {
text-align: center;
max-width: 100%;
margin-top: 1rem;
}

but the trust badge exceeds the width of the buy now button. any ideas what i can add so it always keeps the width the same as the buy now button on mobile and desktop. Thanks

New Project (12).png
New Project (12).png1920×1080 321 KB

2

Hi,

You need to wrap up your code in between where your add to cart and dynamic checkout button wrapped.

Thanks

3

How do I do that.

4

sorted. thank you so much. do you know how to center collection page titles?