Skip to main content
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



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;





}



Reply


Terms & ConditionsCookie settings