font size has no effect

[MrDeliK]

Hi,

I checked some post but unfortunately i did'nt find the solution

I have Text nodes but the font-size property has no effect 

I tried attribute on the text node or the css font-size property

<text x="50%+10" y="50%" class="text" font-size="24" font-family="System-Regular" text-length="12">0</text>

.text {
  font-size: 24;
  font-family: "System-Regular";
}

[Guy_]

Hi @MrDeliK  - do you have a duplicate field in the same location? And/or is it in a hidden SVG?

Try moving the definition to the bottom of your SVG or changing it's value to make sure you are seeing the right value. 

Also why is font declared twice? You may have to change it in both places for it to have an effect.

[MrDeliK]

Hi @Guy_ 
The text node is in a Cycle View and at the moment, the cycle view contains 2 items and there is a text inside each of them.

The font is not declared twice, i just tried in the svg and then in the css but none of them worked.

I'll try to move the definition.

[Gondwana · Accepted solution]

This could be a CSS specificity issue. The documentation uses

.cycle-item text {

 to target the text within a cycle view item. Try that, or variations thereof.

[MrDeliK]

This did the trick after reorganizing my CSS files for each screens.
Thanks 🙂