Custom color hex code

  • Resolved doyouevenblog

    (@doyouevenblog)


    5 years, 10 months ago

    I’m digging the new custom primary color–but what would be the easiest way to enter a hex code for this?

    Wasn’t sure if there was a fairly simple CSS option.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you mean for the header image?

    Hey doyouevenblog,

    If you’re referencing the color you select with the little slider in the Customizer under Colors > Custom, there’s unfortunately no way to add a hex code right there at the time being.

    However, you can use this code gist to change it to the hex color of your preference. Everywhere you see hsl( 326, 100%, 33% ); /* base: #0073a8; */ replace it with your hex color and include a semi-colon at the end, like this #F47834; … after that copy and paste all of that code into the Additional CSS box in the Customizer and you should be good to go.

    Let me know if you run into any trouble.

    Ann

    • This reply was modified 5 years, 10 months ago by nanoanno.
    Thread Starter doyouevenblog

    (@doyouevenblog)

    Handy. Thank you!

    You’re so welcome. Happy to help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom color hex code’ is closed to new replies.

Tags