Can't edit or add block to area
Permalink
What does it mean when an area, in edit mode, is not bounded by a red dotted line, and you can't click on it? (I simply get the normal text cursor when mousing over it.) This has happened to me before, and I can't remember what I had to do to fix it. The code to create the area is:
This doesn't differ in any way from the code used to create other editable areas, except for the name. There is still an "Add to..." link, it just doesn't work.
<?php $as = new Area('Main Navigation'); $as->display($c); ?>
This doesn't differ in any way from the code used to create other editable areas, except for the name. There is still an "Add to..." link, it just doesn't work.
Could it be a z-index issue?
Not apparently. I gave that DIV a ridiculously high z-index, and it still isn't editable.
I also changed the position from "absolute" to "relative," just in case that might have anything to do with it. Nope.
I also changed the position from "absolute" to "relative," just in case that might have anything to do with it. Nope.
UPDATE: yes, it was a z-index issue, though I'm damned if I understand why. This particular div is absolutely positioned and must display on top of another div, so it needs a z-index. I usually define these in increments of 100, because that makes it easier later to add something if it needs to fall between two elements with z-indexes already assigned.
This particular div needs a z-index of 5 or less, or else the area isn't editable. Does anyone know why this is?
This particular div needs a z-index of 5 or less, or else the area isn't editable. Does anyone know why this is?
I had a similar situation with a site.
I was also only able to fix it by making the z-index 5 or lower.
I was also only able to fix it by making the z-index 5 or lower.
That was super helpful! Thanks!
Yeah, this is an annoying one - it's because your div is appearing higher in the stack than the highlighter div that c5 uses, and therefore hiding it. The default CSS for this in C5 is:
div#ccm-highlighter {z-index:5}
If you add the following to your own CSS, it should avoid this issue happening:
div#ccm-highlighter {z-index:100!important;}
Obviously amend the z-index value to fit in around the rest of your code.
div#ccm-highlighter {z-index:5}
If you add the following to your own CSS, it should avoid this issue happening:
div#ccm-highlighter {z-index:100!important;}
Obviously amend the z-index value to fit in around the rest of your code.
Perfect - just what I was looking for - RESULT! Thanks
I remember running into something similar, but I can't remember for sure how I fixed it.
I wanna say check if you have position:relative on your <body> element and try removing it while in edit mode.
I wanna say check if you have position:relative on your <body> element and try removing it while in edit mode.
Hey. I had the exact issue and the problem WAS z-index AND position relative. But position relative was NOT on the body tag but on the HTML TAG! So make sure you take out position relative from that tag as well.
