Solved

transparent button on slideshow Prestige theme

RedNVBR
Tourist
4 0 2

Hi, i'm wondering how I can make my slideshow button transparent on the Prestige theme. 

This is my website URL: https://rednvbr.com/

Thank you.

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

#section-slideshow .Button {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
#section-slideshow .Button::before {
    background-color: transparent !important;
}

 

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

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

@RedNVBR 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#section-slideshow .Button {
color: #e13e3e;

&::before {
    background-color: 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
RedNVBR
Tourist
4 0 2

For some reason, it's still not working.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

#section-slideshow .Button {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
#section-slideshow .Button::before {
    background-color: transparent !important;
}

 

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
NDS
Explorer
55 1 8

Hi @KetanKumar

Does this work to make the slideshow button transparent with colored border & text? I want to do this in my home page & switch the transition off. 

https://www.newdaysports.com/

CoschStudio

 

Thanks!