Community forum for knowledge and support

Updated last year

Styling Elements on a Dark Background

At a glance

The community member posted a question about how to color both the text and icon in a light color when they are on a dark background in a list. The comments suggest that the community member could try targeting the parent container (div) that holds both the icon and text, and applying the text-color class to it, which should affect both elements. However, there is no explicitly marked answer in the provided information.

PPhilip Wallage

Perhaps a smaller question but, when you have a list (icons and text) on a dark background. Which element(s) do you target to color both the text and icon in a light color?

2 comments

PPhilip Wallage

Right now I’m just using the text-color class on both the embed html (for the icon) and the

element.

EEmily Marais

Can you change the text-color on whichever div contains both of those? I would try that, thinking it would affect both of them if no more specific properties have been set

Add a reply