make hidden content visible during editing

I have an image with a hovering caption. When the caption class is applied on the content block, the caption is hidden. This makes it difficult to edit.

Question: How can i have the caption visible during editing?
Can it be done with css or does it need to done in php?

View Replies:
rge replied on at Permalink Reply
Both are possible. You need to get the page object on this you can use isEditMode();
$c = \Concrete\Core\Page\Page::getCurrentPage();

Option 1 - css class
See the answer of JohntheFish
.ccm-edit-mode .my-class { display: block; }

Option 2 - element visibility
<?php if(!$c->isEditMode()):?>
   <div class="caption"></div>
<?php endif; ?>
JohntheFish replied on at Permalink Reply
On recent cores you can do this entirely in css. When a page is in edit mode, the core adds the class 'ccm-edit-mode' to the <html> element:
<html lang="en" class="ccm-toolbar-visible ccm-edit-mode ccm-panel-ready">

Along the lines of:
.whatever-class { 
.ccm-edit-mode .whatever-class { 
helvetica replied on at Permalink Reply
Thank you rge and johnthefish.
For some reason i couldn't make it work yet.
This is probably because of the rather complicated setup within an isotope grid.
I'll keep on working on it.