Sunday things

Earlier in the week I made one of my regular trips to Southampton. I’ve got into the habit of travelling by train – surely the most civilised form of transport. Apart from those rare times that I get involved in a conversation with a fellow passenger, I probably get 3 to 4 hours of quality reading over the two journeys. On this trip I was finishing off Graham Swift’s novel, Tomorrow, which I enjoyed, before moving on to Patrick Flanery’s novel, I Am No One.
Today, Sunday, has been drab, so as well as more reading, I tinkered with CSS on my blog to see if I could put some text between the homepage banner and the post thumbnails – yes I can!

Continue reading “Sunday things”

Tinkering with line height

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

Still tinkering

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.

Before CSS edits
After CSS edits
The CSS code!

Create a website or blog at WordPress.com

Up ↑