How can I customize the 'Shop Now' button in Narrative theme?

Store Design
1

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?

1 Like
2

@MarekR

Please share your store URL.

1 Like
3

https://logicallabel.com.au

1 Like
4

@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!

1 Like
5

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;
}
2 Likes
6

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?

7

hello @MarekR

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

1 Like
8

i was able to fix it. thanks

9

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

Thank you.

1 Like