When adding a collapse div (bootstrap 5) then it is not possible to edit collapsed content.
<div id="collapse-3" class="card-collapse collapse">
Test
</div>
Removing class collapse shows content.
Any workaround in editor? Like "show hidden elements" function or so that I am missing?
<div id="collapse-3" class="card-collapse collapse">
Test
</div>
Removing class collapse shows content.
Any workaround in editor? Like "show hidden elements" function or so that I am missing?
Accepted Answer
You need to clear your browser cache after making any changes to your template stylesheet.
Also, set Compress CSS to No in the Editor Global Configuration, to check the change, then you can re-enable it.
Also, set Compress CSS to No in the Editor Global Configuration, to check the change, then you can re-enable it.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Add the following to your template stylesheet:
.mceContentBody .collapse {
display: inherit;
}
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Didn't work. The style does not affect the collapse even though i added a custom stylesheet as last stylesheet both in admin template and in frontend template and also in JCE custom style template global configuration.
.mceContentBody .collapse, .mceContentBody .collapse:not(.show) {
display: inherit !important;
}
does nothing and when inspecting element with class collapse in backend then
.collapse:not(.show) {
display: none;
}
from
administrator/index.php?option=com_jce&task=editor.pack&type=css&slot=content& ...(hash code or something that i removed)... =1&context=22&profile_id=5
is loaded and hides the div.
.mceContentBody .collapse, .mceContentBody .collapse:not(.show) {
display: inherit !important;
}
does nothing and when inspecting element with class collapse in backend then
.collapse:not(.show) {
display: none;
}
from
administrator/index.php?option=com_jce&task=editor.pack&type=css&slot=content& ...(hash code or something that i removed)... =1&context=22&profile_id=5
is loaded and hides the div.
Accepted Answer
You need to clear your browser cache after making any changes to your template stylesheet.
Also, set Compress CSS to No in the Editor Global Configuration, to check the change, then you can re-enable it.
Also, set Compress CSS to No in the Editor Global Configuration, to check the change, then you can re-enable it.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
So issue was the compress CSS setting. Changed it to no and it solved the issue!
Thanks and have a good weekend!
Thanks and have a good weekend!
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!