Even More Twenty Nineteen Theme Tweaks

I have just come up with a few more tweaks for the WordPress Twenty Nineteen theme.

All of these can be implemented by inputting the relevant CSS in the “Additional CSS” section of the Customiser in the original theme or child theme, whichever takes your fancy. Either way, you will not lose your customisations when the theme is updated.

First of all, I wanted the comments area to take up the full width of the page. To do this, you need the following CSS:

.comments-area {max-width: none;}

Next, I wanted to hide the site logo. To do this, you need the following CSS:

.site-logo .custom-logo-link {display: none;}

Next, I wanted to hide the site description. To do this, you need the following CSS:

.site-description {display: none;}

Next, I wanted to change the colour of the content, menu, “Read More” and post navigation links, and their respective hover colours. To do this, you need the following CSS:

a {color: #0073e5;}

a:hover {color: #111111;}

.main-navigation ul.main-menu > li > a {color: #0073e5;}

.main-navigation ul.main-menu > li > a:hover {color: #0073e5;}

.entry .entry-content .more-link {color: #0073e5;}

.entry .entry-content .more-link {color: #111111;}

.post-navigation .post-title {color: #0073e5;}

.post-navigation .nav-links a .post-title:hover {color: #111111;}

Next, I wanted to change the hover colour of the entry meta and site info links. To do this, you need the following CSS:

.entry .entry-footer a:hover {color: #0073e5;}

#colophon .site-info a:hover {color: #0073e5;}

Finally, I wanted to change the colour of the “Post Comment” button. To do this you need the following CSS:

.button, button, input[type=”button”], input[type=”reset”], input[type=”submit”], {background: #0073e5;}

Please note that you can, of course, use whichever colours you like.

Well, that’s it for now. However, I will probably find some more tweaks in the future. In the meantime, happy tweaking!

Join the conversation

2 Comments

  1. Hi Mark,

    Nice work!

    I suppose the easy way to do this would be to change the custom colour for your site in the Customizer, but I guess you can’t drag it to that exact shade of blue.

    One weird thing, though – the Twenty Nineteen link in this post shows dark red, while in the previous post the links are blue!

    1. Hi Claire

      Thanks.

      Yes, it would be great if there was a hex code facility in the Customiser. Maybe this will come in a future update of the theme?

      Regarding the Twenty Nineteen link, it shows blue at my end, as do all the other links.

Leave a comment

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.