Remove button from trust indicator

Store Design
,

Topic summary

A user seeks help removing a “Learn more” button from the “Secure online payments” trust indicator on their Shopify store while keeping the indicator itself visible.

Initial Solutions Provided:

  • Multiple contributors offered CSS code snippets to hide the button by targeting .section-trust-indicators__link.link with display: none
  • Code should be added to either theme.liquid (above </body> tag) or base.css file

Alignment Issue:
After successfully removing the button, the middle trust indicator became misaligned with the left and right indicators. A revised CSS solution was provided to address this spacing problem.

Current Status:
The button removal is resolved. The user now requests assistance making the font size smaller across all three trust indicators (“Free shipping and returns,” “Secure online payments,” and “Here to help”). This remains an open question awaiting response.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Could someone please help me to remove the button from one of my trust indicators.

Website preview: https://q1oabhq17lm3sapn-80707387720.shopifypreview.com

I would like to remove the button from ‘Secure online payments’ only.

Screenshot 2024-06-13 at 3.42.46 pm.png
Screenshot 2024-06-13 at 3.42.46 pm.png2880×1800 391 KB

Thank you in advance.

1 Like
2

Hey @Alluren

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1718279402841.png
Moeed_0-1718279402841.png1891×872 52.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @Moeed ,

I do not want to remove the trust indicator, just the button that says ‘learn more’ below secure online payments.

4

Apologies for the confusion,

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1718279844754.png
Moeed_0-1718279844754.png1899×861 57.8 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Hi @Alluren

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.section-trust-indicators__link.link {
display: none;
}

ZestardTech_0-1718280007117.png
ZestardTech_0-1718280007117.png1841×300 10.7 KB

6

Go to online store ---------> themes --------------> actions -------------> theme.liquid.
and this CSS at the very end of the file above tag.

.section-trust-indicators__link.link {
Display: none;
}

Thanks

7

Thanks @Moeed this has worked to remove the button as requested. However, it is now not aligned with the left and right trust indicators. Is it possible to fix this to have the 3 aligned?

8

Hey @Alluren

I have another idea, remove the previous code completely which you added and add this new code with the same steps in the end of theme.liquid file above

RESULT:

Moeed_0-1718282171925.png
Moeed_0-1718282171925.png1905×876 55 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
9

Thanks for your help.

If I could ask one more question please - could you assist me to make the font size on the trust indicators a bit smaller?

For example: ‘Free shipping and returns’, ‘Secure online payments’ and ‘Here to help’

TIA