Solved

Edit Buy Button in Motion Theme

jgelicame
Tourist
10 0 2

I need help on editing the text in the buy button area. I can't see it in the code nor in the theme, am I missing something? I just want to remove the Free Shipping there.

jgelicame_0-1705163927907.png

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
5069 1206 1472

This is an accepted solution.

Thanks for the info, try this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

div.product-block > div > div > div.msg__container > p:nth-child(1) {
    display: none !important;
}

 

And Save.

Result:

Made4uoRibe_0-1705169237596.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 7 (7)

SomeUsernameHe
Shopify Partner
440 48 81

Hmmm, this one would be tough since "speed theme" isn't showing any results and I am unable to find theme documentation. Without seeing the Buy Buttons liquid I am unsure how to help. Do you possibly have a link to where I can find the theme?

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
jgelicame
Tourist
10 0 2

Sorry. It is a Motion Theme

Made4uo-Ribe
Shopify Partner
5069 1206 1472

Hi @jgelicame 

Its look like an app button, would you mind to share youre store URL? I just like to check if we can remove that one. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


jgelicame
Tourist
10 0 2

https://metalgardenscreen.co.uk/products/tradition
Here it is. It is a Motion Theme but can’t see it

Made4uo-Ribe
Shopify Partner
5069 1206 1472

This is an accepted solution.

Thanks for the info, try this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

div.product-block > div > div > div.msg__container > p:nth-child(1) {
    display: none !important;
}

 

And Save.

Result:

Made4uoRibe_0-1705169237596.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


jgelicame
Tourist
10 0 2

Thank you!!

SomeUsernameHe
Shopify Partner
440 48 81

I would avoid using css selectors that do not specifically target the content in question. If anything changes that section of code, this solution will no longer work. Your best bet without seeing the main-product.liquid is to reach out directly to https://archetypethemes.formcrafts.com/contact and they can tell you the proper way to have this removed. I'm going to go out on a limb here and say they have a setting for this in their theme settings, if not they should be able to tell the exact theme file to permanently remove this. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee