Is it possible to add transparent buttons to the Dawn theme on Shopify?

godi
Tourist
4 0 4

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

Replies 12 (12)

dmwwebartisan
Shopify Partner
12280 2546 3694

@godi 

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

KetanKumar
Shopify Partner
36839 3635 11972

@godi 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
godi
Tourist
4 0 4

Hi,

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

 

dmwwebartisan
Shopify Partner
12280 2546 3694

@godi 

Please share screenshot what do want and which button 

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
dmwwebartisan
Shopify Partner
12280 2546 3694

@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;
}
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
KetanKumar
Shopify Partner
36839 3635 11972

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
godi
Tourist
4 0 4

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

dmwwebartisan
Shopify Partner
12280 2546 3694

@godi 

Please share store URL & screenshot whatdo you want?

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
KetanKumar
Shopify Partner
36839 3635 11972

@godi 

yes please share more details please 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
godi
Tourist
4 0 4

Hi 

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

zz1.jpgzz2.jpg

Hurlock
Visitor
1 0 1

Thank you KetanKumar this works. Brilliant!

KetanKumar
Shopify Partner
36839 3635 11972

@Hurlock 

its  my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing