I see edit buttons are in the process of re-design.
Personally I don't mind the existing lime colour which seems to stand out on the majority of pages. It's the size that bothers me most. Even on a fairly modest page the buttons generally clash and overlap. I'm guessing that a 50% reduction in button size would improve the look and help usability.
This is my only minor criticism on what is a very elegant, simple and well designed site – well done Lime guys!
A quick update on my previous comment.
Yes ...I like the new buttons – much easier to use than the previous lime buttons.
We have some logic that's supposed to prevent bubbles from overlapping. What's the page you're having trouble on? The logic may need a bit of polish with the updated bubbles.
Problem appears to be resolved with new buttons. Thanks for the offer of help.
ambientproject
Member
Hi, I wasn't around for the old buttons but I do have a bit of an issue with the new ones. I have an editable list on the left side of the website and because of the size of the buttons they end up below and beside each other which looks a bit messy and confusing.
Is it possible for us to decide the size of the bubbles to suit our own pages?
Hi ambientproject,
You should be able to completely override the CSS for the edit bubbles from your own stylesheet, but it's not something we recommend, as long term we might be adding new items to the bubbles. However, if you do the CSS right, even this shouldn't be a problem:
The CSS bubbles are defined here:
http://cms.pagelime.com/linked/css/cms/editable-page.css
In the /*new bubbles*/ area.
You can inspect the structure of the bubbles via firebug.
So - to override the bubbles your style would have to be like this:
body.cms-page-editor-preview .cms-bubble { /* your bubble style */ }
Notice the BODY class - this is a class that PageLime adds to your body tag when your page is in the CMS editor window, so you can use it to create conditional CSS that appears only inside pagelime.
In fact - you could use this to add spacing to the areas that are causing a problem on your page! You could do something like:
body.cms-page-editor-preview .my-small-element { padding:10px; }
To add some padding while the page is viewed in Pagelime.
Hope this is helpful.
(That was a 10 minute response turnaround BTW) :)
You must log in to post.
