Z-index / can't edit block
Permalink 9 users found helpful
Hello all,
This is more a remark rather a question, but it took me some time to figure it out so I thought that it is worth making a note for future reference.
I have built a template with various div and some of them had a z-index greater than 5. Don't do this as it is then impossible to edit the blocks which are "hidden" by these. Choosing z-index inferior to 5 solves this issue.
I haven't reported it as a bug since I am not sure if this is a "feature" or not. From my perspective, it would be good to have the edit links with a z-index of 99.
This is more a remark rather a question, but it took me some time to figure it out so I thought that it is worth making a note for future reference.
I have built a template with various div and some of them had a z-index greater than 5. Don't do this as it is then impossible to edit the blocks which are "hidden" by these. Choosing z-index inferior to 5 solves this issue.
I haven't reported it as a bug since I am not sure if this is a "feature" or not. From my perspective, it would be good to have the edit links with a z-index of 99.
i agree, it would be nice to have a high z-index on it, but maybe 50 so that it still can be easily overrode
Hi does anyone know if concrete5 5 has any themes with a WYSIWYG full resolution screen. I want to take advantage of the whole screen. Thanks And I apologies upfront if i'm in the wrong thread
Yeah, you're going to want to start your own "new post" for this question, otherwise you'll be guilty of "thread-jacking" or taking someone else's post for your own question.
uriremon,
the width of the WYSIWYG editor has nothing to do with the actual theme. You can adjust the width by going to Dashboard> SiteWide Settings> and then look for the WYSIWYG dialogue box. you can set a custom width for the box.
hope that helps.
the width of the WYSIWYG editor has nothing to do with the actual theme. You can adjust the width by going to Dashboard> SiteWide Settings> and then look for the WYSIWYG dialogue box. you can set a custom width for the box.
hope that helps.
Thanks Cannonf700. I will certainly give this a try. All the best, Uri
I have just encountered the same issue. It has taken a while to figure out as I had multiple page types with differeing results - finally I realised it was a z-index issue.
I do not understand why the ccm-highlighter div has been given such a low z-index. Surely it should be much, much higher - if not as high as possible. To make an assumption that a z-index of 5 is high enough seems either misguided or presumptious. However, perhaps there is a good reason for this value, I am willing to stand corrected.
I do not understand why the ccm-highlighter div has been given such a low z-index. Surely it should be much, much higher - if not as high as possible. To make an assumption that a z-index of 5 is high enough seems either misguided or presumptious. However, perhaps there is a good reason for this value, I am willing to stand corrected.
Hi, Just had the same problem - for anyone else encountering this issue, the quick easy fix is just add this style to your theme's CSS (adjust your z-index value accordingly):
div#ccm-highlighter {z-index:100!important;}
div#ccm-highlighter {z-index:100!important;}
I have just wasted a couple hours trying to work this out.
Thanks so much for the solution - AWESOME!
Thanks so much for the solution - AWESOME!
Thank you VERY much!!
I was looking for the Concrete style to override, but didn't find it. You gave the answer. Thanks!
Dear Sir, I have a Revolution Slider but it covers the Drop down Menu, how can I resolve this? Please kindly help. See the Attached screen shot.
Hi - This will likely be a z-index issue, but unfortunately it's not really possible to provide assistance without being able to examine the code. Can you provide a URL please?
I had to figure this out on my own first to realize z-index was the relevant issue but thanks for leaving a confirmation marker.
Thanks for your tips help on this as I was chasing a solution for ages.
I used a workaround using the Developer Tools in Chrome. Once you've got the Developer Tools open you can click on the css that has the z-index reference above 5 in it and change it to something lower. This then makes whatever you are trying to edit editable! This method means that the original theme css z-index is unaffected and can be whatever you want as the Developer Tools z-index change is only temporary.
It worked for me anyway.
I used a workaround using the Developer Tools in Chrome. Once you've got the Developer Tools open you can click on the css that has the z-index reference above 5 in it and change it to something lower. This then makes whatever you are trying to edit editable! This method means that the original theme css z-index is unaffected and can be whatever you want as the Developer Tools z-index change is only temporary.
It worked for me anyway.
