Reply To: Incompatible archive

Older WP themes had a page you could access called Customize > Additional CSS….but with new WordPress themes, they want you to access the Additional CSS section by going to:

Appearance > Editor

Once the page loads, click anywhere inside the page (where your site is shown) so it pulls up the editor.

Once the editor is showing, click the “Styles” button at the top right of the screen. It’s the little Circle that’s half white half black right next to the 3 dots.

When the STYLES sidebar opens up, click the 3 dots (in between the “eye” icon and the X).

Select the “Additional CSS” link from the dropdown. Add in your CSS there.

If you want to change your color to yellow, here’s an example you can start with – #edbf07 In order to find the exact color you want, you just need to use a Color Picker. This can be found anywhere. You can use the color picker on the Theme Editor itself (just use a text block and change the color to pull it up).

Or you can go to Google and type in “Hex Color” and it will automatically pull up a Color Picker. Select your color and copy the HEX code to add to your CSS.

For the “Additional CSS” location, I wish there was a faster way to get to this section, but that’s just the way WordPress has it designed for now. I guess it doesn’t really matter that much since you won’t need to really add custom CSS. Most of the customizations in this theme can be done without adding CSS. We just needed to add it for this specific part of the theme.

The other options to add custom CSS is by adding your own custom.css file to your theme. And of course you could just edit the CSS files of the theme directly.

That’s 3 different ways to edit the CSS. Some people like adding CSS using the “Additional CSS” method to keep their Custom CSS outside of the theme. Some like creating their own custom CSS file to add inside the theme, and some prefer just editing the main theme’s CSS file directly (style.css). All methods work perfectly fine. Totally up to you!