Site Editor : Custom Colors




You can change the default colors in Popcorn2 within the Site Editor making your site look unique for your niche.


Launch the Site Editor

You can load the Site Editor from the Front End of your Site or from your WordPress Dashboard, we will cover both here.

Launch Site Editor from the Front End

From the front end of your site you should see the WordPress Admin Bar. Click Edit Site (1).

Launch Site Editor from the WordPress Dashboard

From the WordPress dashboard of your site click Appearance (1) > Editor (2).

The Site Editor should now be open and look like this:

Setting your Theme Colors

Once you’re in site editor, open any template and then click Styles (1) > Colors (2)

Click on Palette

Overview of Color Settings

  1. Choose Solid / Gradient / DuoTone colors
  2. Select a color you would like to edit
  3. View More details of the colors
  4. Choose a color from the picker
  5. Use sliders to select and adjust opacity
  6. Change between HEX, HSL and RGB
  7. Manually input color field
  8. Copy color to your clipboard
  9. Define custom colors.

Colors under Theme are globally set. Remember to Save your work

Once you have set your colors, you can use these anywhere on your site.

The article was written by

Leave a Reply

Your email address will not be published. Required fields are marked *