Solved

How do I make shop now buttons clear with border

Andrewpry
Excursionist
23 0 6

How can I make the shop now link buttons clear with a border , only option I have now is to have them a solid colour 

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Andrewpry 

insert code  bottom of index.css file

View solution in original post

Replies 14 (14)

Ecommpremium
Shopify Partner
512 43 92

Hi,

@Andrewpry  welcome to the community!

 

can you please share URL of the store and buttons where you want changes I am more to solve your issue straight away here!

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website

Andrewpry
Excursionist
23 0 6
Andrewpry
Excursionist
23 0 6

I want to make bother the black buttons on the first 2 images clear and also have the Option to add more clear buttons as I expand the site 

Ecommpremium
Shopify Partner
512 43 92

@Andrewpry  cant see any button can you hover mouse on it and make a screenshot?

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Andrewpry
Excursionist
23 0 6

4EB0C7DA-F8D7-46AB-8505-E4447413F6AF.jpeg

E4AB6B51-55E1-4DC4-90FB-546DEB9CE20D.jpeg

Ecommpremium
Shopify Partner
512 43 92

please switch comming soon page off! @Andrewpry 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Andrewpry
Excursionist
23 0 6

Ok done 

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Andrewpry 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.content-overlay__inner .bttn.center.tc{
        border: 1px solid #ffffff;
}

 

Andrewpry
Excursionist
23 0 6

it doesn't have that under assets 

 

Screen Shot 2021-10-17 at 8.36.59 pm.png

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Andrewpry 

insert code  bottom of index.css file

Ecommpremium
Shopify Partner
512 43 92

Add this above code in index.css @Andrewpry 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Andrewpry
Excursionist
23 0 6

ok the border is there but the box is still black not clearScreen Shot 2021-10-17 at 8.48.20 pm.png

Andrewpry
Excursionist
23 0 6

nope got it!. just removed the colour ...thanks for your help

Ecommpremium
Shopify Partner
512 43 92

@Andrewpry  if you are having any difficulty watch this video!

How to apply Custom CSS 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website