I’m very fond of tinkering with the format and layout of my blog! My previous post is somewhat rambling and I wasn’t too happy with the line spacing – it just seemed too spaced out. The solution was straightforward. Simply wrap the text of the post in the following:
<div style="line-height: 130%;"> blah blah blah........ blah blah blah........ blah blah blah........ </div>
For comparison, see below for how the line spacing of the main paragraph would look if it was given the same treatment.
I’m very fond of tinkering with my blog. My previous post is somewhat rambling and I wasn’t too happy with the line spacing – it just seemed too spaced out. The solution was straightforward. Simply wrap the text of the post in the following:
For blogs which use a different font and font size, the 130% may need to be revised. Interestingly, when I look behind the scenes, the original text has a line height of 1.75em whilst the formatted text has a line height of 130%. Now “em” is a typographic unit of measurement that is harder to understand than Einstein’s Theory of Relativity, so I’m happy to stick with using a percentage to alter line height.
[As an aside, I had to tinker with the height of the robot image in order to make it a square image (don’t ask) so this post is about height in more than one way.]
I used to be a computer programmer and I haven’t lost the pleasure to be had from figuring out how to alter or fix anything related to software. Nowadays this is likely to be exploring web design using HTML and CSS rather than writing computer code.
Using CSS within WordPress it’s possible to alter the design of a blog (providing you’ve paid a little extra for the upgrade). It can sometimes be quite a challenge. Here is an example of before and after screenshots of some recent changes I made to how an image gallery is displayed. I wanted to remove the Comment area, the view full-size option, as well as to centre the description text and to emphasise the ‘close gallery’ icon at the top. For the really curious, a screenshot of the CSS code is also shown.