How can I change "search" and "cart" icon colours?

Store Design
1

Hi all,

How can I change the colour of my “search” and “cart” icons"?

And also, how ca I center my featured product? It’s just one and not it sits on the left.

Screen Shot 2021-10-06 at 16.37.58.png
Screen Shot 2021-10-06 at 16.37.58.png1181×660 349 KB

Thanks!

2

@Liz93

Please share store URL.

Thanks!

1 Like
3

hello @Liz93

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

1 Like
4

Go to your Online Store->Theme->Edit code then go to assets/base.css->The following code should be pasted at the bottom of the file.

.site-header__icons-wrapper .site-header__icon {
color: white;
}

li.grid__item.grid__item--1633498346f52ccd8e.medium-up--one-half {
text-align: center;
margin-left: 270px;
}

Thank You.

5

Hi @dmwwebartisan

https://yoursimpleliving.com/

test 27

Thanks!

1 Like
6

Hi @Kinjaldavra

https://yoursimpleliving.com/

test 27

Thanks!

7

@Liz93

  1. In your Shopify Admin go to: online store > themes > actions > edit code 2. Find Asset > theme.css and paste this at the bottom of the file
.template-index .icon {fill: #fff !important;}

Thanks!

1 Like
8

hello @Liz93

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

.template-index .icon {fill: #ffffff !important;}
1 Like
9

Thank you @dmwwebartisan , very useful!

1 Like
10

Thanks @Kinjaldavra , that was helpful! :slightly_smiling_face:

11

That also changed my quotation marks to white :open_mouth:

How can I turn them back to pink? (#ec7370)

Thanks :slightly_smiling_face:

12

@Kinjaldavra @dmwwebartisan

13

hello @Liz93

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

#shopify-section-quotes .icon.icon-quote {
        fill: #ec7370 !important;
}
1 Like
14

Thank you @Kinjaldavra , very helpful!