Solved

Can I change the color of the Shop Now button in the Venture theme?

TripleSnakes
Tourist
4 0 1

Hi,

 

I am using the "Venture" theme and trying to change the color of the "Shop Now" button in slideshow to match my green branding (#0FD850). I have looked up a few solutions to change the code on theme.scss.liquid but none seem to work. Can someone help me here?

URL: TripleSnakes.com

PW: ABYD

 

Thanks!

Accepted Solution (1)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

 

.hero-content__controls a {
background-color: #0fd850 !important;
}

 

 

View solution in original post

Replies 15 (15)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

 

.hero-content__controls a {
background-color: #0fd850 !important;
}

 

 

TripleSnakes
Tourist
4 0 1

this worked, thank you!

Islandlashesuk
Visitor
1 0 0

Hey I’m having the same problem but I can’t seem to find theme.css on the sense theme. Will it be under something else? 
Thanks 

Meliss
New Member
4 0 0

Hi,

 

I am using the dawn theme and I cant find under Assets no theme.css Can you help me?

Meliss
New Member
4 0 0

i cant find the theme.css in assets.

Meliss
New Member
4 0 0

Bildschirmfoto 2022-10-05 um 15.06.01.jpg

Onnor
Tourist
14 0 2

I would like the same to happen when viewed on mobile. What additional code do I need for this?

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Onnor 


Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Onnor
Tourist
14 0 2

onnorlife.com

 

pwd: Onn0r!63

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Onnor 

which button change color in your slideshow 

Onnor
Tourist
14 0 2

I managed to change the button colour for all slides where it says "HIGH STRENGTH SUPPORT" to transparent when using the desktop version.

However I would like it to look the same for Mobile version - Whereas it currently has a solid white band across the bottom instead of being transparent (see second pic)

Thank you

 

Screenshot 2021-06-22 at 13.47.36.png

IMG_1928.jpg

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Onnor 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 429px){
#shopify-section-slideshow .hero-content__controls{
background: transparent !important;
}
#shopify-section-slideshow .hero-wrapper--adapt .hero-content {
    bottom: 23px;
    width: 100%;
}
}

 

Onnor
Tourist
14 0 2

Thats brilliant - thank you so much!

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Onnor 

Thank you for the update If helpful then please Like and Accept as Solution

Onnor
Tourist
14 0 2

 Hi I am currently looking to change the colour of the text from Black to White for the highlighted area on the slideshow.

Can you help and advise me where this can be changed.

Screenshot 2021-09-15 at 17.15.46.png