Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2025 at 3:39 pm #1488363
    VachetAlexandre

    Hello, I would like to replace the cookie icon on my website http://www.kerry-han.fr with this type of icon:
    https://www.dreamstime.com/cookie-icon-vector-isolated-white-background-logo-concept-cookie-icon-vector-isolated-white-background-logo-concept-image125781153

    Can you tell me how to do this?

    August 21, 2025 at 5:16 pm #1488374
    Guenni007

    upload that svg to your media library: Cookie SVG

    and put this to your quick css:

    #av-cookie-consent-badge:before {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  background-image: url("/wp-content/uploads/cookie.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

    adjust the url with your path

    August 21, 2025 at 5:35 pm #1488376
    Guenni007

    or without uploading – just with base 64 data uri:

    #av-cookie-consent-badge:before {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ29va2llcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+CiAgPGNpcmNsZSBjeD0iMTgzLjMiIGN5PSIyNC45IiByPSIxNy41Ii8+CiAgPGNpcmNsZSBjeD0iMjIzLjIiIGN5PSI3My41IiByPSIxMi4yIi8+CiAgPGNpcmNsZSBjeD0iMjU2LjUiIGN5PSIxMjUuMyIgcj0iMTAuNyIvPgogIDxjaXJjbGUgY3g9IjI2My44IiBjeT0iNTkuMyIgcj0iOC43Ii8+CiAgPHBhdGggZD0iTTI3OS4xIDE1Mi45Yy02LjcgNi4zLTE1LjcgMTAuMS0yNS42IDEwLjEtMjAuNyAwLTM3LjUtMTYuOC0zNy41LTM3LjUgMC02LjcgMS43LTEyLjkgNC44LTE4LjMtMTcuMy0yLjMtMzEuMi0xNS0zNS4zLTMxLjctMS4yLjEtMi40LjItMy43LjItMjMuMiAwLTQyLTE4LjctNDIuMi00MS44QzcyLjkgMzkuMyAyMC41IDk1IDIwLjUgMTYzLjFjMCA3MS41IDU4IDEyOS41IDEyOS41IDEyOS41czEyOS41LTU4IDEyOS41LTEyOS41YzAtMy41LS4xLTYuOC0uNC0xMC4yek02OS4yIDE3OS41Yy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTQ1LTk4LjhjOS43IDAgMTcuNSA3LjggMTcuNSAxNy41cy03LjggMTcuNS0xNy41IDE3LjUtMTcuNS03LjgtMTcuNS0xNy41IDcuOS0xNy41IDE3LjUtMTcuNXptMy4xIDE2OS4xYy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTU3LjktNzAuM2MtOS43IDAtMTcuNS03LjgtMTcuNS0xNy41czcuOC0xNy41IDE3LjUtMTcuNSAxNy41IDcuOCAxNy41IDE3LjUtNy44IDE3LjUtMTcuNSAxNy41em0zMy45IDcyLjNjLTkuNyAwLTE3LjUtNy44LTE3LjUtMTcuNXM3LjgtMTcuNSAxNy41LTE3LjUgMTcuNSA3LjggMTcuNSAxNy41LTcuOCAxNy41LTE3LjUgMTcuNXoiLz4KPC9zdmc+);
  background-size: 30px;
  background-repeat: no-repeat;
}

    by the way – here is a huge amount of usefull path – with the option to get the base 64 data uri:
    https://www.svgviewer.dev/svg-to-data-uri

    Enter f.e. cookie on search input field.

    August 22, 2025 at 9:58 am #1488399
    VachetAlexandre

    Hello, thanks for your help ! All work normally now with this code :

    #av-cookie-consent-badge:before {
  display: block;
  position: relative;
  content: "";
  width: 25px;
  height: 25px;
  align-items: center;
  top: 12px;
  left: 12px;
  background-image: url("https://kerry-han.fr/wp-content/uploads/2025/08/Cookie.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

    And i just wanted to know if you can help me to change the color of that icon and the icon of scroll up please.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.