CSS: Marker Layout Not Working

[Axel_Verkleij]

Hi all, I’m currently struggling with the following problem.

I used a CSS sheet at Corporate Identity in which I defined the colour for the ‘list marker’ (the dot) as red:

When editing content block templates with this corporate identity linked, the red dots show up just fine:

However, once I use this content block template in an activity, the layout vanishes:

Importantly, I have tested this with a CSS in which other classes were also defined. Every class, including layout on the list texts, were displayed in both the content block template and the activity, except for the marker.

Any ideas?

[Aimee]

Hi Axel,

When I compare the two screenshots, the header text appears to be a different color. Could you confirm whether the corporate identity is properly linked to the activity?

[Axel_Verkleij]

Hi Aimee, I’m not sure what caused this. However, let me show you some additional screenshots that isolate the issue. This is what happens when I change the font of the green headers from Tahoma to Arial:

Tahoma (first screenshot the content block template, second screenshot the activity):

Arial (first screenshot the content block template, second screenshot the activity):

As you see, the corporate identity is properly linked to the activity: the typeface of the header changed. However, the colour of the marker remains stubbornly black.

[k.molokova]

@Axel_Verkleij, it could be that this marker selector (pseudo-element) is not fully supported. Probably the best option is to think of workaround: for example, set the red color for the tags and wrap a text into span with the black color. What is the markup you use? Table?

[Axel_Verkleij]

@k.molokova
I tried it with the span workaround - brilliant. Thank you very much .