Skip to main content
michael_sweeney
michael_sweeney
Helper ⭐️
July 10, 2019

Question of the Week: Can we change the color of the "X" icon in engagements?

  • July 10, 2019
  • 1 reply
  • 253 views
We were speaking with a customer recently who was working with Engagements and because of the templates they needed to change the color of the "X" icon in some of slides.

Now you can choose either black "X"icon or white "X" icon based on your background color by making a small edit to the HTML.

For black "X" icon -

background-image: url(https://storage.googleapis.com/aptrinsic-cloud-public-assets/app/engagement-thumbnails/dialog-close-bright-1.svg)



For White "X" icon -

background-image: url(https://storage.googleapis.com/aptrinsic-cloud-public-assets/app/engagement-thumbnails/dialog-close-bright-2.svg)



Thanks,

Support Team

    1 reply

    harshibanka
    harshibanka
    Gainsight Employee ⭐️⭐️
    July 10, 2019
    This is helpful, thanks @michael_sweeney ! Sharing this piece of code for handy reference of users:

    .px-close-button {

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><g fill='none' fill-rule='evenodd'><path d='M0 0h30v30H0z'/><g stroke='rgb(36, 142, 204)'><path d='M19.243 10.757l-8.486 8.486M10.757 10.757l8.486 8.486'/></g></g></svg>");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 50px;

    background-color: #fff;

    border-radius: 15px;

    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .2);

    position: absolute;

    top: 10px;

    right: 10px;

    width: 30px;

    height: 30px;

    }

    Harshi (pronounced like the Hershey's chocolate); PLG and Digital CS Evangelist
    Terms & ConditionsAccessibility statement