Solved

online store help

scttmcmrd
Tourist
5 0 2

Hi, I need some help with adding a box around one of my some buttons. You can see in the photo that the “Add to cart” button has that white outlined box around it. I need that exact same box around the “buy now” button. Also in the second photo i need the same box again around the “checkout” button. My website it exoecom.com THANKYOU!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below under <head> element

<style>
.product-form__buttons .shopify-payment-button__button--unbranded:after {
box-shadow: 0 0 0 1px;
}
</style>

Screenshot 2024-01-02 at 14.01.21.png

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
3538 891 1106

Hey @scttmcmrd 

 

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>
.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded {
    border: white solid 2px !important;
}
</style>

RESULT:

Moeed_0-1704178836276.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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below under <head> element

<style>
.product-form__buttons .shopify-payment-button__button--unbranded:after {
box-shadow: 0 0 0 1px;
}
</style>

Screenshot 2024-01-02 at 14.01.21.png

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

scttmcmrd
Tourist
5 0 2

hi there, thankyou very much this worked for the front page, but i also need the box around the “checkout” button too in the checkout page when you click on the cart. thanks!

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

Please update the code

 

<style>
.cart-notification__links .button:after,
.product-form__buttons .shopify-payment-button__button--unbranded:after {
box-shadow: 0 0 0 1px;
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Moeed
Shopify Partner
3538 891 1106

Hey @scttmcmrd 

 

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>
.cart__ctas button {
    box-shadow: 0 0 0 1px !important;
}
</style>

RESULT:

Moeed_0-1704179643313.png

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
scttmcmrd
Tourist
5 0 2

Thanks guys!!

scttmcmrd
Tourist
5 0 2

hey! is there any chance i am able to remove the faint line which is all the way at the bottom of the filling out payment details checkout page? it just doesn’t let me attach photos from my phone sorry

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

Code update

<style>
#WebPixelsManagerSandboxContainer { display: none !important; }
.cart-notification__links .button:after,
.product-form__buttons .shopify-payment-button__button--unbranded:after {
box-shadow: 0 0 0 1px;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

scttmcmrd
Tourist
5 0 2

hey i mean this line

Emz1611
Visitor
1 0 0

How do i know that people can see my online store when they Google it please? Everything is active but can’t find it when I try to google it.