Solved

shop now button

MarekR
Tourist
4 0 2

Hi Guys. I'm using Narrative theme. How can i make the "shop now" button to be transparent? and also is it even possible to make that button in a shape of a tree? or it need to be square etc?

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12269 2546 3692

This is an accepted solution.

@MarekR 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-slideshow a.slideshow__heading-cta.btn {
    background-color: transparent !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @MarekR 

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

#Slideshow-slideshow .slideshow__heading-cta.btn{
     background-color: transparent !important;
}

 

View solution in original post

Replies 8 (8)

dmwwebartisan
Shopify Partner
12269 2546 3692

@MarekR 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
MarekR
Tourist
4 0 2
dmwwebartisan
Shopify Partner
12269 2546 3692

This is an accepted solution.

@MarekR 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-slideshow a.slideshow__heading-cta.btn {
    background-color: transparent !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @MarekR 

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

#Slideshow-slideshow .slideshow__heading-cta.btn{
     background-color: transparent !important;
}

 

MarekR
Tourist
4 0 2

I tried to add the code and this is what happened after. 

 

The following error was found in assets/theme.scss.liquid

Invalid CSS after "  }" : expected "}", was "" at 9226

 

what does it mean?

Kinjaldavra
Shopify Partner
2302 570 1422

hello @MarekR 

can you pleas share screenshot where to add CSS in which file 

MarekR
Tourist
4 0 2

i was able to fix it. thanks

Zworthkey
Shopify Partner
5581 642 1564

@MarekR 
You are missing the closing }
in the css.

Thank you.