OXygen CSS selector!

[mu258770]

Hi team,

We would like to do a change in Oxygen CSS for a particular element.

The element is as below,

Code: Select all

<x>direct_text<y z="attribute_value"/></x>

When the x element is present as above in the editor, in Oxygen Author mode, we would need to display the attribute value of "z" in the Author. Here it is "attribute_value". By default, the "direct_text" is displayed in author mode.

Could you please help in this situation?

We have added below CSS to show "attribute_value", but the problem is that the text "direct_text" is always rendered along with it. We are unable to remove it.

Code: Select all

x > y{
content:attr(z)
!important;
}

Also if we keep the CSS to remove the x value from the Author mode, we are loosing the value "attribute_value" also in the Author mode.

Code: Select all

x{
display:none !important;
}

Please help here.

Regards,
Shabeer

[alex_jitianu]

Hello,

The -oxy-collapse-text extension hides the text, but keeps the element present in the layout.

Code: Select all

 
x{
visibility:-oxy-collapse-text;
}

Let me know if it solves you use case.

Best regards,
Alex