Edit dialog box glitch
Permalink
I have started editing my site thorugh the editor but have found that some of the dialog boxes are truncated so I cannot see an OK or Cancel button at the bottom. See attachment.
What should I do?
What should I do?
Yeah, something looks funny about that -- the tabs should be closer to the dialog header. What browser are you using?
It's likely the styles for your theme are interfering with the concrete5 styles. If you bought the theme from the marketplace it is usually a requirement that the theme doesn't interfere with the editing UI for it to get through into the marketplace. However, if it is a custom theme you wrote yourself this can happen.
One thing you can do to fix this is "Scope" your CSS. You might want to do a bit of googling to see if you can find a method that works best for you, but one method is to create a wrapper div that wraps everything and then only apply your styles to elements inside the wrapper.
For instance:
Then all your styles would be like:
This is much easier if you're using a CSS preprocessor such as LESS or SASS.
One thing you can do to fix this is "Scope" your CSS. You might want to do a bit of googling to see if you can find a method that works best for you, but one method is to create a wrapper div that wraps everything and then only apply your styles to elements inside the wrapper.
For instance:
<body> <div id="myWrap"> <!-- all your html for the page here --> </div> </body>
Then all your styles would be like:
#myWrap p{ /*whatever*/ } #myWrap .someClass{ /* styles here */ }
This is much easier if you're using a CSS preprocessor such as LESS or SASS.
