styling in page preview mode

Darien Liu asked on January 20, 2015 03:36

I am using aspx pages with CMSEditableRegion and CMSEditableImage controls. My styling looks fine on the regular browsing but when accessing the page via the page tab within the pages module (i.e as a content editor looking to update content), the editing controls end up stacked ontop of each other.

Is there a way to apply additional css only for the page tab view so that I can style these editing controls?

stylesheet preview mode

Recent Answers

Brenden Kehren answered on January 20, 2015 05:47

What version are you using? Either way, in the site's configuration you are working with you can assign an editor stylesheet. You should be able to assign your sites stylesheet to that and it will show like it normally will while in live mode.

0 votesVote for this answer Mark as a Correct answer

Darien Liu answered on January 20, 2015 21:36

I am using K8.1 where can I find the editor stylesheet?

0 votesVote for this answer Mark as a Correct answer

Roman Hutnyk answered on January 20, 2015 22:51

I'm afraid you have to implement it.

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on January 26, 2015 13:43

Typically what I do for the editor stylesheet is take out the pieces of the regular stylesheet that pertain to the text areas that will be utilized in the WYSIWYG editors, create a new stylesheet (in the CSS Stylesheets app) and in the site properties, select that newly created stylesheet in the editor stylesheet property and save.

0 votesVote for this answer Mark as a Correct answer