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
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
Screenshot...
again...
Strange - dont seem to be able to post files again the post...
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?
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>
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>
Trying to attach screenshot again...
http://www.paskell.co.uk/brokenHighlights.jpg
although interestingly enough - the offset is the same depth as the C5 tool header
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!)
more as I find out... (in case anyone else is remotely interested!)
Fixed!
body { position: relative; } conflicting
body { position: relative; } conflicting
So you replaced that with this code, I suppose?
Does anyone see any side effects that may conflict with the Foundation code?
body { position:static; }
Does anyone see any side effects that may conflict with the Foundation code?
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.
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.
<body <?php if ($c->isEditMode()) { ?> class="editmode" <?php } ?>>
Thanks to:http://www.concrete5.org/documentation/how-tos/designers/making-a-t...
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!
You are correct. Changing it to static fixes the issue for me. Thanks!
another way:
add style #ccm-highlighter { margin-top: -49px; }
a little dirty. but it works
add style #ccm-highlighter { margin-top: -49px; }
a little dirty. but it works
