Edit mode clickable area doesn't line up!

Permalink
On several of my websites the clickable area to edit a block does not appear in the right position. See attached.

I can fix this by editing the Concrete ccm.ui.css file from:
body {margin: 49px 0px 0px 0px !important; }
to
body {padding: 49px 0px 0px 0px !important; }

My question is: Has anybody else had this issue and any thoughts on what is wrong with my themes that would cause this?

Here is a link to one of the sites:http://n-a-r-d.com/

Thanks!

1 Attachment

 
jordanlev replied on at Permalink Reply
jordanlev
Is it possible that the admin toolbar is interfering with your page style when in edit mode?

See the "Keep Theme Styles from Interfering with concrete5" section of this page:
http://www.concrete5.org/documentation/developers/pages/themes/...

There was a great post about how to do this exactly on the forums somewhere, but I can't locate it now. Basically, what you do is add a new div that starts just after the opening <body> tag and ends just before the closing </body> tag, and give this div an id of "c5wrapper". Then in your stylesheet, move all of the styles that were in the "body" element to a new "#c5wrapper" element.

Hope that helps!

-Jordan
ScottC replied on at Permalink Reply
ScottC
do a if(!$c->isEditMode()) echo your style stuff with tag

that means your page isn't in edit mode.