Edit Highlights - Strange offset

Permalink
Hi All,

Any ideas why the grey edit highlights are all equally offset lower than the actual blocks when in edit mode?

(Will try to attache image)

Cheers

5fly
View Replies: View Best Answer
5fly replied on at Permalink Reply 1 Attachment
5fly
Screenshot...
5fly replied on at Permalink Reply 1 Attachment
5fly
again...
5fly replied on at Permalink Reply
5fly
Strange - dont seem to be able to post files again the post...
JohntheFish replied on at Permalink Reply
JohntheFish
If you look at the source for the plain yoghurt theme, there is a shim block inserted when logged in that moves the whole page down xx pixels to make room for the C5 toolbar. Maybe your theme is missing that?
5fly replied on at Permalink Reply
5fly
Hi - The top toolbar is there and I presume the shim is too as the grey highlight is actually below the top of the element it's supposed to be sitting over.... its the same offset each time.

I wonder where the highlight gets its top: value?

<div style="position: absolute; width: 638px; height: 524px; top: 252px; left: 176px; display: block; " id="ccm-highlighter"> </div>
5fly replied on at Permalink Reply 1 Attachment
5fly
Trying to attach screenshot again...
5fly replied on at Permalink Reply
5fly
http://www.paskell.co.uk/brokenHighlights.jpg
5fly replied on at Permalink Reply
5fly
although interestingly enough - the offset is the same depth as the C5 tool header
5fly replied on at Permalink Reply
5fly
update... just cleared out code line by line and it appears to be something to do with the css framework Im using:http://foundation.zurb.com

more as I find out... (in case anyone else is remotely interested!)
5fly replied on at Permalink Best Answer Reply
5fly
Fixed!

body { position: relative; } conflicting
PatrickHeck replied on at Permalink Reply
PatrickHeck
So you replaced that with this code, I suppose?
body {
   position:static;
}

Does anyone see any side effects that may conflict with the Foundation code?
5fly replied on at Permalink Reply
5fly
Yep, well - I left it in the foundation.css and just overridden in app.css

I was trying to find the php to add another class onto the body when in edit mode (i.e. block edit rather than just logged in) so that it would only override when absolutely necessary - but couldn't find anything that worked satisfactorily.
newfive replied on at Permalink Reply
<body <?php  if ($c->isEditMode()) { ?> class="editmode" <?php  } ?>>


Thanks to:http://www.concrete5.org/documentation/how-tos/designers/making-a-t...
dennyburkes replied on at Permalink Reply
I really really appreciate this! I am also using Foundation and was also suffering from the same problem. I implemented "newfive's" php append body class and set that class to "position: static" and it's working like a champ. This is the only glitch that I've encountered thus far in my templates (or anywhere else for that matter) using Zurb's Foundation Framework. Thanks C5 community!
PatrickHenry replied on at Permalink Reply
PatrickHenry
You are correct. Changing it to static fixes the issue for me. Thanks!
BOLVERIN replied on at Permalink Reply
BOLVERIN
another way:
add style #ccm-highlighter { margin-top: -49px; }
a little dirty. but it works