Can I add transparent buttons to the Dawn theme?

Store Design
1

hi,

i wanted to add transparent buttons to my dawn theme as i do not like the colour block backgrounds to my buttons. is this possible

2 Likes
2

@godi

Please share your store URL.

3

@godi

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi,

Thank you for offering your help. The url is www.godi.uk

1 Like
5

@godi

Please share screenshot what do want and which button

Thanks!

6

@godi

Please add the following code at the bottom of your assets/base.css file.

.color-accent-1, .color-accent-2, .color-background-1, .color-background-2, .color-inverse, body {
    color: rgba(var(--color-foreground),.75);
    background-color: transparent !important;
}

#Banner-template--15014130974887__image_banner .button {
    background-color: transparent !important;
}
1 Like
7

@godi

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file.
.banner__box.color-background-1 {background: transparent;}
2 Likes
8

Thank you all for your help. It worked. I managed to make the opacity slightly altered instead of completely transparent by changing the rbg codes. thank you.

I have another issue that I cant seem to fix. the product link remains white even though the other links colour change. can i make it the same colour as the rest

1 Like
9

@godi

Please share store URL & screenshot whatdo you want?

Thanks!

10

@godi

yes please share more details please

11

Hi

the navigation link for my products button stays white and disappears on some of the pages. please see the screenshots.

zz1.jpg
zz1.jpg1396×824 77.3 KB

zz2.jpg
zz2.jpg836×661 26.7 KB

12

Thank you KetanKumar this works. Brilliant!

1 Like
13

@Hurlock

its my pleasure to help us