Overlapping Blocks in Edit Mode
Permalink 1 user found helpful
I seem to be having some trouble with Edit Mode. Sometimes, the edit blocks overlap, as in the attached screen cap.
Is there any way to adjust things so that blocks don't overlap. I guess there may be something in the core CSS that could protect against this, but I'm not seeing it.
Thanks
Is there any way to adjust things so that blocks don't overlap. I guess there may be something in the core CSS that could protect against this, but I'm not seeing it.
Thanks
I've had this problem also and after a bit of reading I found that a small piece of PHP code works well, I use this:
<?php
global $c;
if ($c->isEditMode()) {
echo '<div id="cms_fix001"></div>';
}
?>
This small bit of code only gets executed when in edit mode, the corresponding CSS I've used looks like this:
#cms_fix001
{
padding-bottom:60px;
}
It all seems to work well for me.
<?php
global $c;
if ($c->isEditMode()) {
echo '<div id="cms_fix001"></div>';
}
?>
This small bit of code only gets executed when in edit mode, the corresponding CSS I've used looks like this:
#cms_fix001
{
padding-bottom:60px;
}
It all seems to work well for me.
This was an excellent idea. Worked perfectly. Thanks!
Worked like a charm! Thanks Mick
Ben, Can you tell me what files you put the edit spacer code into?
CSS in main.css?
PHP in View.php?
In what location?
Thanks, Tim
CSS in main.css?
PHP in View.php?
In what location?
Thanks, Tim
Great fix for this problem. I put the php in the view.php of the page I was having problems with, and css in main.css.
If you create a css where you place 5 areas at the exact same spot, there's no easy way for c5 to avoid overlapping blocks/areas..
I'd add some code to the theme to check if the page is in edit mode - if it is, add some space between the areas to make sure there are no overlapping things.