Front end fix builder css
-
My theme’s base styling is messing with the front end builder and/or some missing css for the front end editing.
For example, #kc-footers ul li should have list-style: none:
#kc-footers ul li { float: left; padding: 10px 8px; line-height: 28px; list-style: inherit; /* fix */ margin: 0px; height: 28px; cursor: pointer; position: relative; z-index: 1; box-sizing: content-box; }to make sure theme/plugin css doesn’t add bullet points to the row options.
Also the #kc-footers img.empty_guide max-width is set to 100% so the helper img doesn’t line up with the toolbar as it does on the back end due to absolute positioning and the container not having a specified width. Setting it’s max-width to 1024px same as the ul controls container below it seems to do the trick.
#kc-footers img.empty_guide { position: absolute; max-width: 1024px; /* fix */ bottom: 60px; max-height: inherit; }
The topic ‘Front end fix builder css’ is closed to new replies.