My Twenty Nineteen Theme Tweaks

How many of you are using the new default WordPress theme? Personally, I really like it, but thought it needed a few tweaks here and there. Here are some of my Twenty Nineteen theme tweaks.

Hyphens

First of all, I wanted to get rid of all the elongated “hyphens”, which appear above the site header entry titles, above the post entry titles, above the post headings and above the comments title. I think that’s all of them! To carry out this tweak, I went to the “Additional CSS” section of my Twenty Nineteen Child theme and entered the following CSS:

.site-header.featured-image .entry-title:before {width: 0;}

.entry .entry-title:before {width: 0;}

h2:before {width: 0;}

.comments-area .comments-title-wrap .comments-title:before {width: 0;}

Next, I wanted to get rid of, in my opinion, the annoying “hyphen” before the post navigation links, i.e. “Previous post” and “Next post”. So again, to perform this tweak, I went to the “Additional CSS” section of my Twenty Nineteen Child theme and entered the following CSS:

.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {content: none;}

Capitalisation

I’ve got a thing about capitalisation and wanted to capitalise the post entry header and footer “Leave a comment”, the comments title “Leave a comment”, the post entry meta “Leave a comment” and the post navigation links “Previous post” and “Next post”. You’ve guessed it, to tweak, I went to the “Additional CSS” section of my Twenty Nineteen Child theme and entered the following CSS:

.entry .entry-header a {text-transform: capitalize;}

.entry .entry-footer a {text-transform: capitalize;}

.comments-title {text-transform: capitalize;}

.site-header.featured-image .entry-meta a {text-transform: capitalize;}

.post-navigation .nav-links a .meta-nav {text-transform: capitalize;}

Site Info

Finally, I wanted to change the site info in the theme footer. To do this, I went to the “footer.php” file in the Twenty Nineteen Child Theme Editor and amended the relevant HTML accordingly. However, I would advise you not to do this yourself, unless you have experience of writing HTML.

Conclusion

I would like to point out that you can also use the “Additional CSS” section of the Customiser in the original Twenty Nineteen theme to implement your tweaks. Your changes will not be affected by future theme updates.

Anyway, that is my tweaking of this beautiful new WordPress theme so far. No doubt, I will be tweaking further in the future. I will be sure to let you know.

2 Comments

I agree with you, Twenty Nineteen is really great, even if its default look is… a bit weird – but your tweaks change it. And that’s the goal, to take a theme and customize it to have a unique look.

I’ve tweaked Twenty Nineteen too, somehow in the same way you did, And after I started, I was hooked and I went further. So: what is your next step in customization?

Leave a Reply

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