Online Page Editor Add-on Support Product Page

Editor adopting the background-image from the page body tag

Reported 12 Mar 2013 11:40:44
2
have this problem
12 Mar 2013 11:40:44 Lee Dyer posted:
Hi,
The background of the editor is adopting the background image set in the body tag of the pages I make. Its happening on both sites I've used the editor in so far. One site has a dark background which renders the editor unusable.
Changing the settings doesn't seem to work.
Please help

Thank you

Replies

Replied 12 Mar 2013 11:48:03
12 Mar 2013 11:48:03 Lee Dyer replied:
Also, when trying to re-edit a page in dreamweaver, after its been altered using the editor. I've fetched the page from the server but the editable regions from the template have gone and I can't edit in dreamweaver anymore. It's grayed out. Is this WAI?
Replied 12 Mar 2013 15:50:36
12 Mar 2013 15:50:36 Vulcho Vulev replied:
Hello Lee.

Our extension is using built in <body></body> tag and any styling applied to the <body> tag in your css stylesheet will apply also on the editor. In order to avoid the css inheritance please locate the file:
Styles/dmxEditor/designtime.css

You need to open the file and find the following rule:
body{
font-family:sans-serif;
fontsize:12px;
background:#FFF;
margin:0;
padding:8px;
display:block!important;
position:relative;
height:100%;
min-height:150px!important;
-moz-user-modify:read-write!important;
-moz-user-select:text!important;
-moz-user-focus:normal!important;
-moz-user-input:enabled!important;
outline:none!important}

change the css property for background using the !important statement:

background:#FFF!important;


Regards:Vulcho.
Replied 11 Aug 2014 22:33:48
11 Aug 2014 22:33:48 Patrese Vorwerk replied:
Hello,
I made the update to the designtime.css and it works in Safari on my MAC but NOT in Chrome on my PC. My client will be using Chrome on a PC to edit the pages. Is there a fix so this works in Chrome on a PC?

Thank you,
Patrese

Reply to this topic