Remove button from trust indicator

Solved

Remove button from trust indicator

Alluren
Excursionist
46 0 9

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

 

Thank you in advance.

Accepted Solution (1)
Moeed
Shopify Partner
4370 1126 1382

This is an 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:

Moeed_0-1718282171925.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
4370 1126 1382

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:

Moeed_0-1718279402841.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Alluren
Excursionist
46 0 9

Hi @Moeed ,

 

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

Moeed
Shopify Partner
4370 1126 1382

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:

Moeed_0-1718279844754.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Alluren
Excursionist
46 0 9

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
Shopify Partner
4370 1126 1382

This is an 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:

Moeed_0-1718282171925.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Alluren
Excursionist
46 0 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

ZestardTech
Shopify Partner
5636 1031 1359

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

 

 

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

Rahul_dhiman
Shopify Partner
238 44 43

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here