Suggestion: Enhanced Colour Controls

  • Hi Munir,

    Can we have more comprehensive and high-level colour controls as follows (perhaps within a general ‘Color’ panel):

    • Text color: this will provide text colour to the given block and ensure that any text within it is set to the given colour. This can be very handy when dealing with columns or groups. Let’s say we have added a dark background colour onto a block that we’re going to use to contain other blocks (eg. group/column) and we want the containing paragraphs or heading blocks to be white. Setting the colour at the group/column level will reduce the need to individually colour all of the contained block elements within that block. This will ensure more efficient CSS code and better usability (reducing the need to click and add colour to each block within that column). The better commercial page builders currently have this functionality and it dramatically speeds up the workflow.
    • Link color: as with the above, this would set any anchor tags within that block to the required colour and would provide a lot of flexibility in putting designs together.
    • Headings color: this would apply the colours to any h1, h2 etc. elements.

    Combining the above with the responsive and hover state controls that you already have would make EditorPlus into probably a more flexible solution than many of the page builders out there.

    The above is a huge workflow booster for me when using the current page builders and it would be great to see something like it in EditorPlus.

    You could even consolidate a lot of the generalised colour controls under this panel (border, background etc.) for faster workflows.

    Hopefully, I’ve explained it well enough to make sense?

    • This topic was modified 4 years, 7 months ago by raydale.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Munir Kamal

    (@munirkamal)

    HI @raydale

    Thank you for the suggestions. The idea seems interesting. I got a couple of questions for more clarity.

    1) Should this “Color” panel be available to all blocks to only to “Group, Columns/Column, Cover, any other specific” blocks?

    2) What would happen when there will be Typography styling options that will also include color options? What will take precedence?

    Let me know.

    Thread Starter raydale

    (@raydale)

    Hi @munirkamal,

    I can see this working for a number of blocks apart from the specific text level blocks themselves (headings and paragraph blocks) which have specific colour controls.

    Those blocks with specific controls would override the more generalised colour settings from EditorPlus. So, this would then reflect the specificity in CSS and create a natural expectation with most users in that the more specific the block settings, the higher the precedence.

    Again, hopefully that makes sense?

    • This reply was modified 4 years, 7 months ago by raydale.
    Plugin Author Munir Kamal

    (@munirkamal)

    Hi @raydale

    Yeah makes sense. I really liked the suggestion and this gives me a couple of more ideas as well. ??

    I have noted this in my todo list now. Will plan this out and hopefully will add this feature as suggested to some specific blocks.

    Will update you.

    Regards,
    Munir

    Thread Starter raydale

    (@raydale)

    Thank you @munirkamal,

    It’s great to see where this plugin is going. I look forward to seeing the updates.

    Plugin Author Munir Kamal

    (@munirkamal)

    Hi @raydale

    Just to update you, the latest version includes Typography options, including the color option.

    This is not what you asked for but still updating you.

    Regards,
    Munir

    Thread Starter raydale

    (@raydale)

    Thanks @munirkamal,

    Thanks for the update and the work on adding Typography options. It looks great.

    Any reason why you chose to only enable the typography options on headings and paragraphs etc. rather than all blocks? I’m thinking that adding typography controls to the columns and group blocks (plus many others) would work nicely with my previous requests.

    For example: I can see it being very useful to be able to set a whole column to uppercase or a particular font size. Plus you already have a text color control which would then also apply more globally in that instance. This would save having to set each individual element within a block and would reduce the CSS being generated in some cases.

    Plugin Author Munir Kamal

    (@munirkamal)

    Hi @raydale

    That’s intentionally only enabled for text blocks for a couple of reasons. here is one issue. Let’s say you have it for a column block, and in a column block, you have a headline and a paragraph block.

    Now, if you apply the typography styling on a column block (font-size, transform, etc) it will get applied to both (headline & paragraph),doesn’t it defeats the purpose? Or you think the only useable property would be ‘text color’ in this case?

    Regards,
    Munir

    Thread Starter raydale

    (@raydale)

    Hi @munirkamal,

    Yes, that’s a good point and in some cases it would not suit the purpose – even cause confusion for some people. However, I believe overall it will help the design choices and more users to have those settings on a group / column level. Each group / column setting could be overridden by the specific settings on the individual text blocks, thus respecting the cascade.

    This could be a quick way to layout the basic settings on a column / group to then override those specifics in a given text block itself. Again, this would save on CSS being generated, particularly if you had a lot of different text blocks within a column or group.

    It is often the case that I need to create columns with a header, multiple paragraphs, a list and buttons. Styling each of those to achieve a uniform font-size, font-weight and color is overkill. Especially if I can just set them on the column or group level and simply override the h2 (which is often the only point of difference).

    I do understand you wanting to keep the options simple and logical to the given block @munirkamal. This is just my take from a design-heavy user perspective.

    • This reply was modified 4 years, 6 months ago by raydale.
    Plugin Author Munir Kamal

    (@munirkamal)

    Hi @raydale

    Thank you for explaining that in detail. I do get your point, I can assure you that I am thinking of a better way to make this in a lot better & faster way. I have some plans about it, this was one of the first steps to put the typography options at-least for the text blocks first.

    On my way to make more improvements and your suggestions are on my consideration list for sure. ??

    keep your further suggestions & ideas coming in. ??

    I think all styling options should be available on all elements. A very common need is for all text in a column to be the same color. Currently, we have to specify it for each block individually.

    Now, if you apply the typography styling on a column block (font-size, transform, etc) it will get applied to both (headline & paragraph),doesn’t it defeats the purpose?

    No, that is ideal. Don’t remove features because somebody might accidentally use it a way they did not intent. Such a case is easily remedied by undoing what they did, or overriding it on the individual child element.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Suggestion: Enhanced Colour Controls’ is closed to new replies.