One issue I've found with the built-in WordPress themes (especially the Twenty Sixteen theme) is that when using images in a post they are not aligned correctly on the page.

After firing up Chrome development tools and checking out the elements on the page it is clear that the main culprit for this is the post comment/date stamp element taking up a big part for the left hand of the page, as shown below:

2019-01-06 15_55_31-Matthew S Key – IT _ Scripting _ Automation _ Coding _ Endurance Sport

This can easily be fixed by overriding one CSS element.

To do this, logon to your site’s WordPress, click on ‘Appearance’, then ‘Edit CSS’.

2019-01-06 15_41_21-Dashboard ‹ Matthew S Key — WordPress.png

Next, click on ‘Additional CSS

2019-01-06 15_42_40-Customize_ Matthew S Key – IT _ Scripting _ Automation _ Coding _ Endurance Spor

Add the following snippet of CSS into the text box

[cc lang=”css” escaped=”true” line_numbers=”true” nowrap=”false”] body:not(.search-results) article:not(.type-page) .entry-content { float: none; width: 100%;} [/cc]

It should appear as shown below:

2019-01-06 15_43_12-Customize_ Matthew S Key – IT _ Scripting _ Automation _ Coding _ Endurance Spor

Finally click on ‘Publish

2019-01-06 15_43_33-Customize_ Matthew S Key – IT _ Scripting _ Automation _ Coding _ Endurance Spor

Any future posts should appear with the comment/time stamp elements at the bottom of the page and the width of the post should now increase.

2019-01-06 15_54_48-Matthew S Key – IT _ Scripting _ Automation _ Coding _ Endurance Sport