1 Answers
Hi Gary,
The best way to customize your theme is to override the default styles by adding your own custom CSS to: Customize > Additional CSS
For example, to change the background color of the header and navigation menu, you can add (replacing the hex code with the color of your choosing):
#site-header { background: #d54e21; }
To change the color of the text links in the menu, you can use:
li.menu-item a { color: #ffffff; }
The easiest way to find the name of an object so you can target is with custom CSS is to simply right-click on an element and choose, “Inspect Element” to open the Inspector in your web browser.
In the code that appears in the pop-up, you'll find most objects have an “id” and/or a “class” name. That's how I found out that the header in the Twenty Twenty theme has an id of: #site-header
With that in hand, you can add your own custom CSS to override the styles by adding your CSS to: Customize > Additional CSS.
But, if you don't want to bother with writing your own CSS, you can also find several plugins like Options for Twenty Twenty in the WordPress.org Plugin Directory. This plugin and the others like it provide you with a number of additional options for customizing the style of your theme — without writing any code.
And of course, for more involved tweaks to your site, you can always hire an expert from Codeable who can handle everything from minor customizations to a full-blown custom theme.
Hoep this helps point you in the right direction!