Changing Colour of SVG Arrows in Venture Theme on Product Page

Solved
rthwaite
New Member
2 0 2

Hello!

I have a problem with changing the colours of the SVG arrows in the Venture theme, on the product pages.

Currently, the colour is very light, making it hard for customers to change between images easily (see below)

I have found the icon-arrow-up.liquid and icon-arrow-down.liquid snippets - changing the fills to the desired colour does not appear to work (screenshot of code below).

I have also found the slider arrows section of theme.scss.liquid and changed the .icon{ fill to the desired colour #213458, it appears this has worked when the user highlights the arrow, but this doesn't help with discoverability. (screenshot of code below)

Help!

EG: https://yoproessentials.com/products/running-socks-multipacks-x3-x11 

rthwaite_0-1620796751524.png

icon-arrow-down.liquid code below

rthwaite_1-1620796936080.png

Slider arrows

rthwaite_2-1620797006523.png

 

 

 

 

Jasoliya
Shopify Expert
4259 569 1061

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

.product-single__thumbnails.slick-initialized .slick-next .icon, .product-single__thumbnails.slick-initialized .slick-prev .icon{fill:black;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
HardikDavra
Shopify Partner
2245 348 964

This is an accepted solution.

Hello,

Welcome to the shopify Community.

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.icon-arrow-down path, .icon-arrow-down, .icon-arrow-up, .icon-arrow-up path {
fill: #213458 !important;
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
rthwaite
New Member
2 0 2

Thanks to you both, these methods appear to work