{"id":369,"date":"2016-09-23T18:08:01","date_gmt":"2016-09-24T01:08:01","guid":{"rendered":"https:\/\/dividude.com\/?p=369"},"modified":"2021-03-09T10:50:49","modified_gmt":"2021-03-09T18:50:49","slug":"divi-customize-divi-color-picker-palette","status":"publish","type":"post","link":"https:\/\/dividude.com\/divi-customize-divi-color-picker-palette\/","title":{"rendered":"Customize Color Picker Palette"},"content":{"rendered":"
[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.0.9″ background_enable_color=”off” custom_padding=”4px||0px|||”][et_pb_row padding_mobile=”off” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”6px|0px|18px|0px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_post_title _builder_version=”4.0.9″][\/et_pb_post_title][et_pb_post_title title=”off” meta=”on” author=”off” date=”off” comments=”off” admin_label=”Categories” _builder_version=”4.0.9″ meta_text_align=”center” meta_text_color=”#f0ff23″ meta_font_size=”13px” background_color=”#442b00″ width=”30%” module_alignment=”center” custom_margin=”||17px|||” border_radii=”off|4px||4px|” border_width_all=”1px” border_color_all=”#32952d” box_shadow_style=”preset3″ global_module=”3877″ saved_tabs=”all”][\/et_pb_post_title][et_pb_text admin_label=”Author” _builder_version=”4.0.9″ text_font=”||on||||||” text_font_size=”14px” text_orientation=”center” saved_tabs=”all”]<\/p>\n
by Divi Dude<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ specialty=”on” background_position_1=”top_left” background_position_2=”top_left” background_repeat_1=”no-repeat” background_repeat_2=”no-repeat” _builder_version=”4.0.9″ custom_padding=”0px|||”][et_pb_column type=”3_4″ specialty_columns=”3″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_row_inner column_structure=”undefined” admin_label=”Row” _builder_version=”3.25″][et_pb_column_inner type=”undefined” saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”COPY” _builder_version=”4.0.9″ custom_margin=”||20px|||” border_style=”solid”]<\/p>\n
O<\/span>h, how I love the Custom Color Picker Palette. Oh, how I hate to try and say that fast three times. I have a confession: I used Divi for well over a year before I realized what the Custom Color Picker Palette was for. Now, I can\u2019t live without it. I like to use the same colors over and over and over. And in the past, I would retype the color\u2019s hex values over and over and over. Not anymore. Not with the Custom Color Picker Palette. It\u2019s found in the Custom Theme Settings in the Divi folder on the left hand menu in WordPress.<\/p>\n [\/et_pb_text][et_pb_text admin_label=”COPY” _builder_version=”4.0.9″ custom_padding_tablet=”” custom_padding_phone=”” custom_padding_last_edited=”on|phone” use_border_color=”off” border_style=”solid”]<\/p>\n And here\u2019s a sentence<\/span> I typed where I<\/span> used all the custom colors<\/span> I made for this page<\/span>. Okay, that\u2019s a little annoying, I won\u2019t do that again.<\/p>\n Here\u2019s how it works. You go to Theme Options in the Divi folder on the left hand menu in WordPress. Click on the color you want to replace and type in the color hex value you want to use. Do this for each color you want to replace. And when you\u2019re done, click on the save changes button, and voila, you can use the Custom Color Picker Palette in the modules.<\/p>\n [\/et_pb_text][et_pb_text admin_label=”COPY” _builder_version=”4.0.9″ use_border_color=”off” border_style=”solid”]<\/p>\n Since I wrote the above section, Divi’s Custom Picker Palette has gotten even better.\u00a0 “How so?” you may ask.\u00a0 Well, now in addition to showing you the custom colors you’ve saved, it also lists all the recent colors you’ve used on the site by simply clicking the “Recent” text link in the module wherever you see the palette colors.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.0.9″]<\/p>\n Want to see it in action? Well, here\u2019s a video I did.<\/p>\n [\/et_pb_text][et_pb_video src=”https:\/\/youtu.be\/6BG4FnIHPRs” play_icon_color=”#e02b20″ module_class=”dropShadowEffect” _builder_version=”3.0.47″ custom_css_main_element=”border: 5px solid #000;”]<\/p>\n [\/et_pb_video][et_pb_cta title=”Add Blazing Speeds to WordPress Through Better Hosting” button_text=”Click Here” module_id=”img-link” module_class=”blueLink” _builder_version=”4.9.0″ header_font=”Actor|700||on|||||” header_text_align=”center” header_text_color=”#f0ff23″ header_font_size=”22px” background_color=”#0c71c3″ custom_margin=”||0px||false|false” custom_padding=”||6px||false|false” custom_padding_last_edited=”on|desktop” hover_enabled=”0″ custom_css_main_element=”a.img {border: none;}” header_text_shadow_style=”preset2″ border_width_all=”2px” border_color_all=”#f0ff23″ box_shadow_style=”preset3″ global_module=”3623″ saved_tabs=”all” locked=”off” sticky_enabled=”0″]<\/p>\n Do yourself a favor and dump the shared hosting you’re currently using and switch over<\/a> to Cloudways.\u00a0 The combination of WordPress, Divi and Cloudways is like a match made in heaven. Just click the banner or this link<\/a> to find out why you should be using Cloudways as your WordPress host. Includes a Free 3 day -trial. Use code: DiviDude10 for 10% off your first 3 months.<\/strong>\u00a0 Need a little more info? Then read my Cloudways review<\/a> and find out why I host DiviDude.com on it.<\/p>\n <\/a><\/p>\n [\/et_pb_cta][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_sidebar orientation=”right” area=”ca-sidebar-4024″ _builder_version=”4.0.9″ header_font_size=”18px” body_line_height=”1.4em” remove_border=”off”]<\/p>\n [\/et_pb_sidebar][\/et_pb_column][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” disabled_on=”on|on|on” admin_label=”section” _builder_version=”4.4.0″ background_color=”#32952d” custom_padding=”0px|0px|0px|0px” custom_padding_tablet=”0px||0px|” custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” global_module=”4086″][et_pb_row padding_mobile=”off” column_padding_mobile=”on” admin_label=”row” _builder_version=”4.0.9″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin_tablet=”0px||0px|” custom_margin_phone=”0px||0px|” custom_padding=”0px|0px|0px|0px” custom_padding_tablet=”0px||0px|” custom_padding_phone=”0px||0px|”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Affiliate disclaimer – Brown” module_class=”brownLink” _builder_version=”4.0.9″ text_font_size=”12″ text_orientation=”center” background_layout=”dark” module_alignment=”center” text_font_size_tablet=”13px” text_font_size_phone=”10px” text_line_height_tablet=”1.6em” text_line_height_phone=”1.5em” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]<\/p>\n Affiliate marketer:<\/a>\u00a0Which means when you click a link and purchase an item, I may receive a commission.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” disabled_on=”off|off|off” admin_label=”More From Divi Dude – Blogs” _builder_version=”4.7.7″ background_color=”#f0ff23″ use_background_color_gradient=”on” background_color_gradient_start=”#f9ffce” background_color_gradient_end=”#f0ff23″ background_color_gradient_type=”radial” custom_margin=”0px||||false|false” custom_padding=”0px|0px|12px|0px|false|false” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” top_divider_height=”44px” top_divider_flip=”vertical” border_width_top=”3px” border_color_top=”#32952d” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”-2px” box_shadow_blur=”6px” box_shadow_position=”outer” global_module=”4017″ saved_tabs=”all”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ column_padding_mobile=”on” admin_label=”row” _builder_version=”4.0.9″ background_color=”#442b00″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” max_width=”2560px” module_alignment=”center” custom_margin=”0px||||false|false” custom_padding=”0px|0px|0px|0px|false|false” custom_padding_tablet=”32px|0px|0px|0px”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Headline: Featured Divi Dude Tutorials” _builder_version=”4.0.9″ header_font_size=”54px” header_2_text_color=”#ffffff” header_2_font_size=”40px” text_orientation=”center” background_layout=”dark” module_alignment=”center” custom_margin=”||0px||false|false” custom_padding=”5px||0px||false|false” header_font_size_tablet=”46px” header_font_size_phone=”40px” header_text_shadow_style=”preset5″ header_text_shadow_color=”#fe8727″ header_2_text_shadow_style=”preset5″ header_2_text_shadow_horizontal_length=”0.02em” header_2_text_shadow_vertical_length=”0.03em” header_2_text_shadow_color=”#000000″ inline_fonts=”Droid Sans”]<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ module_class=”blogGridHeight ” _builder_version=”4.7.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”||20px|” custom_padding=”27px|0px|0px|0px”][et_pb_column type=”1_3″ _builder_version=”3.0.47″ background_position=”top_left” custom_padding=”|||” custom_padding__hover=”|||”][et_pb_blog fullwidth=”off” posts_number=”1″ include_categories=”current” use_manual_excerpt=”off” show_author=”off” show_date=”off” show_categories=”off” show_excerpt=”off” show_pagination=”off” _builder_version=”4.0.9″ header_font=”|on|||” header_text_align=”center” header_text_color=”#32952d” header_font_size=”20px” header_line_height=”1.1em” body_font_size=”16px” body_line_height=”1.8em” custom_margin=”22px|||||” custom_css_featured_image=”border: 1px solid #000;” custom_css_read_more=”padding-top:15px;||text-align: center;” border_radii=”on|10px|10px|10px|10px” border_width_all=”2px” border_color_all=”#32952d” border_style_all=”solid” border_width_all_fullwidth=”1px” border_color_all_fullwidth=”#000000″ border_style_all_fullwidth=”solid” border_radii_image=”off|10px|10px||” border_width_all_image=”2px” border_color_all_image=”#32952d” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,0,0,0.1)” use_border_color=”on” border_color=”#000000″ use_dropshadow=”on”][\/et_pb_blog][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ background_position=”top_left” custom_padding=”|||” custom_padding__hover=”|||”][et_pb_blog fullwidth=”off” posts_number=”1″ include_categories=”29″ use_manual_excerpt=”off” show_author=”off” show_date=”off” show_categories=”off” show_excerpt=”off” show_pagination=”off” offset_number=”1″ _builder_version=”4.5.1″ header_font=”|on|||” header_text_align=”center” header_text_color=”#32952d” header_font_size=”20px” header_line_height=”1.1em” body_font_size=”16px” body_line_height=”1.8em” custom_margin=”22px|||||” custom_css_featured_image=”border: 1px solid #000;” custom_css_read_more=”padding-top:15px;||text-align: center;” border_radii=”on|10px|10px|10px|10px” border_width_all=”2px” border_color_all=”#32952d” border_style_all=”solid” border_width_all_fullwidth=”1px” border_color_all_fullwidth=”#000000″ border_style_all_fullwidth=”solid” border_radii_image=”off|10px|10px||” border_width_all_image=”2px” border_color_all_image=”#32952d” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,0,0,0.1)” use_border_color=”on” border_color=”#000000″ use_dropshadow=”on”][\/et_pb_blog][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ background_position=”top_left” custom_padding=”|||” custom_padding__hover=”|||”][et_pb_blog fullwidth=”off” posts_number=”1″ include_categories=”14,78,80,18″ use_manual_excerpt=”off” show_author=”off” show_date=”off” show_categories=”off” show_excerpt=”off” show_pagination=”off” offset_number=”3″ _builder_version=”4.0.9″ header_font=”|on|||” header_text_align=”center” header_text_color=”#32952d” header_font_size=”20px” header_line_height=”1.1em” body_font_size=”16px” body_line_height=”1.8em” custom_margin=”22px|||||” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|phone” custom_css_featured_image=”border: 1px solid #000;” custom_css_read_more=”padding-top:15px;||text-align: center;” border_radii=”on|10px|10px|10px|10px” border_width_all=”2px” border_color_all=”#32952d” border_style_all=”solid” border_width_all_fullwidth=”1px” border_color_all_fullwidth=”#000000″ border_style_all_fullwidth=”solid” border_radii_image=”off|10px|10px||” border_width_all_image=”2px” border_color_all_image=”#32952d” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,0,0,0.1)” use_border_color=”on” border_color=”#000000″ use_dropshadow=”on”][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<\/span>","protected":false},"excerpt":{"rendered":" Oh, how I love the Custom Color Picker Palette. Oh, how I hate to try and say that fast three times. I have a confession: I used Divi for well over a year before I realized what the Custom Color Picker Palette was for. Now, I can\u2019t live without it. I like to use the same colors over and over and over. And in the past, I would retype the color\u2019s hex values over and over and over. Not anymore. Not with the Custom Color Picker Palette. It\u2019s found in the Custom Theme Settings in the Divi folder on the left hand menu in WordPress.<\/p>\n","protected":false},"author":2,"featured_media":716,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":" Oh, how I love the Custom Color Picker Palette. Oh, how I hate to try and say that fast three times. I have a confession: I used Divi<\/a> for well over a year before I realized what the Custom Color Picker Palette was for. Now, I can\u2019t live without it. I like to use the same colors over and over and over. And in the past, I would retype the color\u2019s hex values over and over and over. Not anymore. Not with the Custom Color Picker Palette. It\u2019s found in the Custom Theme Settings in the Divi folder on the left hand menu in WordPress.<\/p> Want to see it in action? Well, here\u2019s a video I did.<\/p>Custom Picker Palette Made Better<\/h2>\n
Watch Video Tutorial on Picker Pallete<\/h2>\n
More From Divi Dude<\/strong><\/h2>\n