Narration Color

[BluePixelDesign]

The default blue/grey of the narration module doesn't match our site. I can change this via CSS in our child stylesheet by targeting ._hs-audio-player but any time things get updated on Hubspot's side of things that class changes (e.g. was ._hs-audio-player_4e1as_1 and now it's ._hs-audio-player_1nxo7_1) and I lose that customization without any notice. Does anyone have a solution to this?

[GiantFocal · Accepted solution]

Hi @BluePixelDesign,

The narration module doesn't have any styling options/fields. As of today, overwriting via CSS seems to be the only way to do this. 

In terms of CSS targeting, you can target it from the path instead of specifying the specific class name.

For example, if you're changing the play button's color; you can target it using:

.hs-audio-player > div:first-child > div

[Jnix284]

@BluePixelDesign do you have a link to a page that has the narration module? and a screenshot of the available settings within the narration module? Also, is it on every blog? or select content?