Okay
  Public Ticket #4511473
Change the cart icon
Open

Comments

  • Visualpilot started the conversation
    2 days ago on Friday at 7:20am

    Dear Sailent,
    I have now tried unsuccessfully to change the header icon many time.
    I would like to insert another svg than the standard you have as I dont like the design.

    Can you assist me?
    Would be nice if you made it easier to change.

  •  9,554
    Tahir replied
    1 day ago on Friday at 11:24am

    Hi Visualpilot ,

    Thanks for reaching out! .

    Could you provide the icon you wish to replace it with ?.

    Best,

     

     Salient Support Team

  • Visualpilot replied
    12 hours ago

    Hi Tahir,

    I have attached the svg icon.

    thanks

    Attached files:  ICON-CART-BLACK-Crop.svg

  •  9,554
    Tahir replied
    12 hours ago

    Hi Again,

    Thanks for reaching out! .

    Change the url as needed once you have uploaded the cart icon to your website.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.material .icon-salient-cart:before {
    content: "" !important;
    background: url(https://bycycle.bike/wp-content/uploads/2025/10/City_M_black_simple.svg);
    background-size: 100%;
    width: 100%;
    height: 100%;
    display: block;
}

    Thanks

     Salient Support Team