Hi Guys,
Bit of a complicated one.
I have passed a css file to Config[EditorAreaCSS] and have defined a class for Config[BodyClass]. The problem I have is that it appears that because the css file I have defined has a background colour for <body> and <html> it shows the background for that (dark purple). On top of that there is a smaller area where all the user input is that is a the correct style defined as BodyClass. The smaller area stetches in height based off the content within it.
However, what I want to do is have the entire editor area to use the styling of BodyClass, not just enough to cover the user input.
How can I do this? If I need to clear it up let me know.
Here is how to replicate:
- create a css file that defines a background colour for body, html {}. import this css file as EditorAreaCSS
- create a class that defines a different background colour and set this as Config[BodyClass]
You will now have 2 background colors when you really only want the show the one shown in Config[BodyClass]
Bit of a complicated one.
I have passed a css file to Config[EditorAreaCSS] and have defined a class for Config[BodyClass]. The problem I have is that it appears that because the css file I have defined has a background colour for <body> and <html> it shows the background for that (dark purple). On top of that there is a smaller area where all the user input is that is a the correct style defined as BodyClass. The smaller area stetches in height based off the content within it.
However, what I want to do is have the entire editor area to use the styling of BodyClass, not just enough to cover the user input.
How can I do this? If I need to clear it up let me know.
Here is how to replicate:
- create a css file that defines a background colour for body, html {}. import this css file as EditorAreaCSS
- create a class that defines a different background colour and set this as Config[BodyClass]
You will now have 2 background colors when you really only want the show the one shown in Config[BodyClass]