My WordPress Twenty Nineteen Theme Tweaks

WordPress

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 WordPress 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 WordPress 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 WordPress 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 WordPress 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 WordPress 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.

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.

Join the conversation

2 Comments

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.

  1. 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?

%d bloggers like this: