How can I alter the color of an SVG image arrow?

Store Design
1

How can I change the svg image color of the arrow.

Please help.

Link: https://my-js-theme.myshopify.com/

Pass: amex

Capture.JPG
Capture.JPG1901×965 160 KB

2

@Janamir

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.banner_slider_wrap .slick-arrow {
    filter: invert(1);
}
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.banner_slider_wrap .slick-arrow {
filter: invert(1);
}
4

@KetanKumar How can I customize to a different color like red?

1 Like
5

@ZestardTech How can I customize to a different color like red?

1 Like
6

Hello there,
please check it this one article.

Link

7

@Janamir

that was difficult but its simile suggestion user svg icon for example

https://codepen.io/blanks-site/embed/dZNEwW?default-tab=js%2Cresult&theme-id=dark

8

@Janamir

This is not an SVG it is an image >> https://prnt.sc/25alj2e for this you need to add a red arrow image in ‘Assets’

Then add below css in ‘theme.liquid’ above ‘’ tag

.banner_slider .slick-next {

background: url(‘{{ ‘FILE_NAME>EXTENSION’ | asset_url }}’) center center no-repeat !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 shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme