Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

How to load custom CSS for Text Component in edit mode?


Level 1


I have set up a custom version of the text(v1) component and am loading specific CSS on the template header where I am using this component. I am able to see the styles being resolved just right, the way I want it. But as soon as I click on the maximize icon for the in place editor, the window now default back to the OOTB version of the text and all my CSS disappears. I want to keep the custom CSS on this view too, so the authors can use the content formatting as a WYSIWYG. Any suggestions on how to get this done?

Ex. This is how it is supposed to look with custom CSS:

Screenshot 2017-08-15 10.15.25.png

This is how the same text becomes in full screen editor mode:

Screenshot 2017-08-15 10.14.27.png

0 Replies