CSS modifications on a module which has no own css styles?

[rkorell]

@sdetweil ,
Dear Sam,
yes, I know and the selector clause is exactly what I’m struggling to find.
I’ve managed to see several clauses like your example with “nth-child” and several wild namings in other cases.
But in th given case I cannot “pick” the clause.

If I select the text in developer console (see image) “Kein Element ausgewählt” which tranlates to “no element selected”.
Consecutively it is not possible to extract the “inner HTML” or even the “CSS Path” - which in other circumstances is offered via right mouse context-menu…

So how can I figure out the selector clause?

Thanks!
Ralf

[sdetweil]

@rkorell

.module-name     div.module-block-end {
   color:....;
}

[rkorell]

@sdetweil would this work with the classes name as well?

[sdetweil]

@rkorell yes. as a replacement for module_name

when you select the element in the dev window
down at the bottom is the selector clause prototype

[rkorell]

@sdetweil unfortunately your suggestion doesn’t work…
And I cannot see anything “at the button” ?

Defnitely no “selector clause prototype”

[rkorell]

This is complete view in Firefox Browser

[sdetweil]

@rkorell there is an extra close div after the span

where does it open

[rkorell]

@rkorell
This same in Chrome

[rkorell]

@sdetweil said in CSS modifications on a module which has no own css styles?:

where does it open

<div module>
<div class "module content">
<div Style "margin-block-end">
  <span class> font-awesome-picture
" HERE THE TEXT"
</div>
</div>
</div>

The " <div class “module content”> " is identified by
"#module_10_MMM-JsonValue > div:nth-child(2) " (for the first instance of module)
second and following instances are counted up consecutively
"#module_11_MMM-JsonValue > div:nth-child(2) "
"#module_12_MMM-JsonValue > div:nth-child(2) "
"#module_13_MMM-JsonValue > div:nth-child(2) "

[rkorell]

#module_10_MMM-JsonValue > div:nth-child(2) {
   color: "fuchsia";
}

Doesn’t work, either :-(