transparent button dawn theme

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 10 (10)
dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
25061 2508 9071

@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
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
25061 2508 9071

@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
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
25061 2508 9071

@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