Remove button from trust indicator

[Alluren]

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.

Thank you in advance.

[Moeed]

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 </body> tag

<style>
.swiper-slide.section-trust-indicators__swiper-slide.swiper-slide-next {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Alluren]

Hi @Moeed ,

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

[Moeed]

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 </body> tag

<style>
.swiper-slide.section-trust-indicators__swiper-slide.swiper-slide-next a.section-trust-indicators__link.link {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Alluren]

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?

[Moeed · Accepted solution]

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 </body>

<style>
.swiper-slide.section-trust-indicators__swiper-slide.swiper-slide-next a.section-trust-indicators__link.link {
    opacity: 0 !important;
    pointer-events: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Alluren]

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

[ZestardTech]

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;
}

[Rahul_dhiman]

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

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

Thanks