Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 6, 2016 at 4:53 pm #560612
    silversken

    Hi

    Is it possible to replace the default (predefined) color swatches in the COLOR PICKER?
    Those 11 small color swatches below the color selector (black, white, dark red, orange etc…)?

    Those would be perfect to store frequently used custom colors.
    (The swatches included now is pretty useless for my present design except the black and the white.)

    Note: this is not about the theme predefined color schemes, only the color picker that pops up when styling elements.

    /Maria

    January 6, 2016 at 5:03 pm #560624
    Yigit

    Hi Maria!

    Please go to Enfold/includes/admin/register-backend-styles.php and adjust values as needed :)

    Regards,
    Yigit

    January 6, 2016 at 5:55 pm #560674
    silversken

    Hi Yigit

    Those are affecting the default color values in the predefined color schemes.
    But I would like to change these (follow the link): http://wizzcom3d.com/enfold_color_picker_prnt.html
    Is it doable?

    Ps: Actually, you pointed out a very useful ‘source’ (thanks a LOT) for adjusting things. For example, I edited the functions.php in the child-theme to register desired google-fonts into the admin panel. :) Now it will be easier to adjust some values..

    /Maria

    • This reply was modified 8 years, 11 months ago by silversken.
    January 7, 2016 at 12:31 pm #561134
    Vinay

    Hey!

    This requires editing of core files. I will pass this ticket to one of our developers so they can take a look and suggest .if you can do that.

    Regards,
    Vinay

    January 8, 2016 at 12:12 pm #561901
    silversken

    Hi Vinay

    Thank you, I will wait for your suggestion…

    Maybe you can consider to build in this feature into the theme, I believe it could be an appreciated addition. Enfold is already known for being super user friendly and small things like that will strengthen this quality. It could be used in other themes too.

    Ideas:
    1) (GOOD) The colors from the selected predefined theme could be automatically adopted by the color picker replacing the default swatches row.
    2) (BETTER) The colors defined by the user in the Theme Options/General Styling could be adopted by the color picker.
    3) (THE BEST) A tab “Additional colors” (after the “Fonts”-tab) on the page Theme Options/Advanced Styling, so the user could select the desired 11 color swatches. Or somewhere else…

    /Maria

    January 8, 2016 at 4:00 pm #562054
    Yigit

    Hey Maria!

    Please request such feature here – https://kriesi.at/support/enfold-feature-requests/

    Cheers!
    Yigit

    November 18, 2017 at 9:12 pm #878642
    Pixelbits

    Did you ever found a solution? I also put in a request for changing the default iris-picker-colors… but nothing yet.
    Found any work-around?

    Where in the sourcecode can I find these colorbars (so I can change them to something more suitable for my site?)

    https://imgur.com/a/cALhk

    • This reply was modified 7 years, 1 month ago by Pixelbits.
    November 20, 2017 at 12:29 am #878916
    Mike

    Hi,
    I believe it is \enfold\framework\js\avia_colorpicker.js

    Best regards,
    Mike

    December 1, 2017 at 1:30 am #883660
    Kahil

    I too am looking for this. I’ve opened the CSS and JS files associated with this but can’t find them anywhere.

    December 1, 2017 at 1:46 am #883662
    Kahil

    Found it…

    Go to… enfold > config-templatebuilder > avia-template-builder > assets > js > avia-modal.js

    Scroll down to line 393. In there you can add additional entries and they’ll show up. I personally left all the default ones in there just in case, but the additional ones I put in showed up. Just remember that the more you add, the smaller the blocks get. I haven’t played around with the other CSS and JS that relates to how the color picker is displayed in order to make it larger or move to a new line…but I’m sure someone could if they wanted to.

    Note…changes here aren’t likely to be update proof until Kriesi adds in a way to add and save new entries.

    December 1, 2017 at 9:47 am #883785
    Pixelbits

    PERFECT. Thanks Kahil. Just in time for my next project :)

    I am looking into this if I can overrule the JS in a Childtheme… But updates will be tricky indeed. Going to put in a feature request now to edit those numbers client side. VOTE :)

    December 1, 2017 at 10:06 am #883790
    Pixelbits

    Good start of the day :)

    I have added afeature requestfor this today – please vote on it. so maybe one day it becomes a default option.
    I can not make a direct link to it but is it on the feature request page.

    Custom colors in color picker! It automatically adapts to the numer of colors you put in it.

    • This reply was modified 7 years ago by Pixelbits.
    May 23, 2019 at 10:14 am #1103608
    mike235

    Has this feature been implemented ?

    May 23, 2019 at 3:46 pm #1103695
    Pixelbits

    Sadly no.

    It’s a life saver, but default Enfold gives you the default color palette. Overruling in a child theme is somewhat possible but gives errors when updating. So that’s a no go.

    May 25, 2019 at 1:58 pm #1104165
    Mike

    Hi,
    This is not a feature at this time, but I have added a request for the dev team to review.

    Best regards,
    Mike

    June 18, 2019 at 1:02 pm #1111285
    Günter

    Hi!

    I added this feature and it will become part of core in one of the next updates.

    You can change the colors with filter avf_colorpicker_colors:

    https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Option%20Settings/ALB%20Element%20Option%20Settings/avf_colorpicker_colors.php

    Cheers!
    Günter

    June 19, 2019 at 11:43 am #1111574
    mike235

    Awesome news, looking forward to the update !
    Thanks a lot Günter

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Replace the default color bar with custom colors in the color picker’ is closed to new replies.