Page 1 of 1

OXygen CSS selector!

Posted: Fri Jan 08, 2021 12:09 am
by 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

Re: OXygen CSS selector!

Posted: Fri Jan 08, 2021 5:15 pm
by 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