OXygen CSS selector!

mu258770
Posts: 150
Joined: Mon Aug 18, 2014 4:11 pm

OXygen CSS selector!

Post by mu258770 » Fri Jan 08, 2021 12:09 am

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
Posts: 835
Joined: Wed Nov 16, 2005 11:11 am

Re: OXygen CSS selector!

Post by alex_jitianu » Fri Jan 08, 2021 5:15 pm

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

Post Reply