How can I change the color and position of my cart header?

[Dabou]

Hello guys, i would like to remove this border around the cart (in the header) after i click on it.
Also make it white, to match the colors im using.
Also move it a little to the left so its closer to the login icon

[biznazz101]

Please provide your store URL, thanks!
@biznazz101

[niraj_patel]

Hello @Dabou

Can you share store URL?

[Dabou]

Hello, its dat.com

[Dabou]

Hello, the website link is dat.com

[biznazz101]

Hello, I do not see the white border at all on the live site, I have checked in multiple browsers.

In terms of moving the icon you can go to Themes> Customize> Header> Custom CSS> Paste This Code:

.header__icon--cart {
  margin-right: 1px;
}

You can then adjust the amount of PX to change the distance between icons. I hope that works for you!
@biznazz101

[codexecom]

Hi @Dabou please add this code in base.css

a#cart-icon-bubble svg path {
fill: #fff;
}

a#cart-icon-bubble {
justify-content: flex-start;
}

a#cart-icon-bubble:focus-visible {
outline: none;
box-shadow: none;
}
.kaktus-w-wishlist-button__icon path {
fill: #fff;
}

[Dabou]

Thank you very much

[Dabou]

Thank you