My Twenty Twenty Theme Tweaks

 

I really love the new WordPress theme, Twenty Twenty, but feel it needs the odd tweak, or two.

Firstly, I wanted to change the header and footer background colour. I went to the Customiser, chose the Colours option and changed the Background Colour to #ffffff and the Header & Footer Background Colour to #007991. You can, of course, use any colours you like.

Secondly, I wanted to change the links and buttons to the same colour as my header and footer background colour. I went to the Customiser, chose the Additional CSS option and entered the following CSS:

.entry-categories a, .entry-content a, .pagination-single a, p.akismet_comment_form_privacy_notice a {color: #007991;}

.comment-respond #submit, .comment-reply-link, #site-content #infinite-handle span button {background-color: #007991;}

Thirdly, I wanted to align the Akismet privacy notice link to the centre. I went to the Customiser, chose the Additional CSS option and entered the following CSS:

p.akismet_comment_form_privacy_notice {text-align: center;}

Finally, I wanted to resize the heading font sizes and match the entry content font to the heading font. I went to the Customiser, chose the Additional CSS option and entered the following CSS:

h1, .heading-size-1, .archive .heading-size-1, .entry-title a {font-size: 4.6rem;}

h2, .heading-size-2 {font-size: 3.2rem;}

h3, .heading-size-3, #jp-relatedposts h3.jp-relatedposts-headline em, .entry-content div.sharedaddy h3.sd-title, .comment-reply-title {font-size: 2.8rem;}

h4, .heading-size-4 {font-size: 2.4rem;}

h5, .heading-size-5 {font-size: 2.1rem;}

h6, .heading-size-6 {font-size: 1.6rem;}

.entry-content p, .widget_text p {font-family: “Inter var”, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, Helvetica, sans-serif; font-size: 1.8rem;}

In conclusion, these are a few of my Twenty Twenty theme tweaks. I hope you like them. Having said that, I don’t always stick with them and often go back to the default layout. What about yours? Let me know!

Be the first to leave a comment

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.