Want to change my button style

Solved
Monstertom
Tourist
3 0 3

Hello Guys,

 

I want to change my photo with text button style

Want to cancel the caption and change the black background of the button

How can I done this?

 

Thanks in advance

Screen Shot 2021-07-01 at 1.17.44 PM.jpg

 

 

Pallavi
Shopify Expert
2239 370 486

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

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
0 Likes
Monstertom
Tourist
3 0 3

Thank you,

Here is the website address www.ankomn.com

and does your pass mean this? :  0473

Pallavi
Shopify Expert
2239 370 486

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

a.btn.img_btn-1624607520fef8f807-1 {
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 2px;
padding: 8px 15px;
background-color: #565656;
color: #fff;
font-family: Lato,HelveticaNeue,"Helvetica Neue",sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
white-space: normal;
font-size: 16px;
}
.img_btn-9325f377-311a-4dde-b2a5-70bade2a9658 {
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 2px;
padding: 8px 15px;
background-color: #565656;
color: #fff;
font-family: Lato,HelveticaNeue,"Helvetica Neue",sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
white-space: normal;
font-size: 16px;
}
a.btn.img_btn-1624607520fef8f807-0 {
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 2px;
padding: 8px 15px;
background-color: #565656;
color: #fff;
font-family: Lato,HelveticaNeue,"Helvetica Neue",sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
white-space: normal;
font-size: 16px;
}
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
Monstertom
Tourist
3 0 3

It works great right now Thank you soooooo much

Pallavi
Shopify Expert
2239 370 486

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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