• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add Color Picker To Edit Post Screen To Style Specific Single Post Elements

This tutorial shows you how to add the color picker to the Edit Post screen so you can change the color for specific elements on single posts & pages.

You can also add the hex color code to a custom field manually rather than use the color picker.

Here’s the demo video showing how you can use the color picker to change the color of the entry title on each single post. If you don’t pick a color, the default color is used.

Demo Video

Shows the color picker added to the Edit Post screen enabling easy changing of single post elements.

Tested using the Genesis Sample child theme by StudioPress however works using any Genesis child theme.

Register or login to access the code in the download folder :

Register for full access

Related Code Snippets

  • How To Style Each Post With A Different Background Color On Your Home Page Loop
  • Code Color Picker On Taxonomy Edit Screen To Style Post Meta On All Page Types Including Posts Page
  • Inline Style Post Category Links Using Color Picker
  • Code To Add Color Picker To Meta Box On Edit Post Screens
  • Add Color Picker To Edit Category Screen To Set Color For Posts In Each Category

Custom Fields Meta Box

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.