Removing the border payment button

Solved
Highlighted
Tourist
8 0 2

Hello,

 

I edited the code of my payment button, but now I have a border surround the button. How can I remove the border, so that the button is fully the color I want?

 

KenzieScreenshot 2020-01-22 at 09.03.38 - Edited.png

0 Likes
Highlighted

Hello @Kenzie3,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Shopify Partner
9687 1218 3408

Hello, @Kenzie3 
Please share your site URL.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Highlighted
Shopify Partner
9687 1218 3408

This is an accepted solution.

Hello, @Kenzie3 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in bottom of file

.product__add-to-cart-button {
border: none !important;
}
.product__add-to-cart-button::after {
outline: none !important;
}

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
8 0 2

Thanks @KetanKumar ! It is solved. 

 

In the try to fix is by my self, i make very unlucky the button on my slider on the home page very big. Do you maby also know, how to make that button les width?

 

Kenzie

Highlighted
Shopify Partner
9687 1218 3408

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in bottom of file

.featured-blog__view-all a.btn.btn--secondary, .slideshow__slide--active .slideshow__heading-cta {
display: inline-block;
}

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
8 0 2

@KetanKumar  yes thank, now the blog is good. Do you maby know how to do that with the first section of my homepage (slide with picture) ?

0 Likes
Highlighted
Shopify Partner
9687 1218 3408

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of file

.featured-blog__view-all a.btn.btn--secondary, .slideshow__slide--active .slideshow__heading-cta, .hero__btn {
display: inline-block;
}
update this code

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
8 0 2

Thank you so much !!! @KetanKumar 

0 Likes