Hi,
May somebody help me please on how can I hide or remove the “But it Now” button from product pages in “Studio Theme”?
Best Regards
Topic summary
A user sought help removing the “Buy it Now” button from product pages in the Studio Theme. A PageFly representative provided a CSS solution by adding .shopify-payment-button { display: none; } to the base.css file via the theme code editor.
Additional customizations requested:
- Changing the “Add to Cart” button color to match the theme color (#2F596B)
- Adjusting the button label text color to white for better readability
All requests were resolved through custom CSS code targeting button.product-form__submit with background and color properties marked as !important. The user successfully implemented all changes and expressed gratitude for the support.
HI @ayTra
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.shopify-payment-button {
display: none;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
Hi PageFly-Victor,
Thank you. Yes it works perfect. Thanks a lot. May I have another support request if you don’t mind… How can I change the color of the other button, the “Add to Cart” button?
HI @ayTra
You can try again with this code:
button.product-form__submit.button.button–full-width.button–secondary {
background: red !important;
}
1 Like
Got it. Thank you Victor. But I want to give it my Theme color, which is #2F596B
How can?
Best Regards
You can try with this:
button.product-form__submit.button.button–full-width.button–secondary {
background: #2F596B !important;
}
1 Like
Yessss, great… but I’m very sorry Victor for taking so much of your time. Now the button color changed as required. But the button LABEL is unreadable now. How can I change the label to white color or any other color, please?
Well, thank you Victor for all your help. I’m so grateful.
Best Regards
Hi @ayTra
So sorry for missing your message.
YOu can try with this code for label.
button.product-form__submit.button.button–full-width.button–secondary {
color: white !important;
}
1 Like
Thank you so much Victor. I’m totally done. Your extended close support is greatly appreciated. I’m so grateful.
All the Best for you…
Ayman
1 Like
Yeahhh! Great @ayTra .
I am glad to be able to help you. 
1 Like