[Guide - Hotspot] Be able to Modify Hotspot Color Via CSS

  • 11 January 2021
  • 2 replies

Userlevel 7
Badge +2

Posting on behalf of a Customer.


It is found that the hotspot color doesn’t quite respond to back-ground color declarations when attempted to be modified within the CSS tab, although it should apply as the same class name is tagged to the hotspot element.


Upon further investigation, hotspot seems to have its own CSS and doesn’t apply the CSS styles mentioned in the PX Guide Engagement Editor “CSS” tab for the particular step.


Although we can modify the background color via the “Editor” tab, it be nice for the “CSS” tab to allow custom styles. It would help customers to get more flexibility.


If a “CSS” custom CSS conflicts with “Editor” setting, we can include a caution sign saying “This element is being overriden by “CSS” tab CSS”.


2 replies

Userlevel 7
Badge +2

@kevin_ly Thanks for sharing it here. Redirecting this request to our product team for more visibility. 

Userlevel 1

It’s not just the color. I wanted to add a box-shadow. Tried both of the following, but they are ignored. 


.apt-hotspot-element {
  box-shadow: 0px 0px 40px 20px #ffba00 !important;

.apt-hotspot-dynamic {
  box-shadow: 0px 0px 40px 20px #ffba00 !important;


I don’t understand the reason we can’t style this.