Forums

Alternatives to red dashed 'editable' border

Permalink 1 user found helpful
I having problems with the 'editable' 2px red dashed border with it pushing my layout out in many places.

I have no problems adding rules to override it and as of yet, the only method that I have found to stop the blocks changing in shape/size is to include the rule below in my main.css

div.ccm-block-arrange, div.ccm-block{
   border: none;
   background: #f00;/*or any colour*/
   margin: 0;
   padding: 0;}


Removing all margin, padding and borders and changing the background instead.

This works as a visual identifier when laying out the initial html but not as an indicator of the editable areas.

My question is whether anyone has found a smarter way of doing this?
shooftie
 
shooftie replied on at Permalink Best Answer Reply
shooftie
I'm such a numpty... This is back to CSS basics...

div.ccm-block-arrange,
div.ccm-block{
   border: none;
   outline: 2px dotted #f00;
   margin: 0;
   padding: 0;}
}


Simples...