Skip to main content

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

  • July 10, 2019
  • 1 reply
  • 227 views
michael_sweeney
Forum|alt.badge.img+1
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
    Forum|alt.badge.img+2
    • 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 & ConditionsCookie settingsAccessibility statement