Colour Backgrounds behind quotes

Colour backgrounds behind quotes in Gutenberg

If you use Gutenberg and you want add a splash of colour behind a paragraph of text, you go over to the sidebar and you will see two tabs.

One says Colour Settings and the other says Advanced.

When you open the Colour Settings you see two palettes of colours.

You can change the colour of the text and/or the colour of the background to the text.

And you can either choose one of the colours that are there or you can click on the multi-coloured circle at the end of the swatch of colours and make any colour you want.

Here is a short paragraph with the background colour a nice rose pink.

But if you make a quote, the Colour Settings tab disappears, leaving only the Advanced tab.

If you open the Advanced tab you will see that it says ‘Additional CSS Class’.

I wondered what it meant until I realised it was an invitation to create a CSS class.

(Actually, the ‘until I realised’ took quite a while…)

The little that I know about classes is that you should name them something that is not likely to have been used elsewhere in the main code. So I named it ‘quote-thing’. Catchy, eh?

Stage 2 was to add the CSS to the CSS section in the Customiser. It has to refer to the class and it has to tell the class what to do. So I said it should make the background a specific colour (#ebf2f5)

And I wanted to put a bit of padding around the quote so that it didn’t look like it was sitting in a straightjacket.

Here is the code:

/* background colour for quote */
.quote-thing {
	background: #ebf2f5;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

You can see it in the duck-egg blue background colour to the quote that begins ‘RICHARD JEFFERIES AUTOBIOGRAPHY, The Story of My Heart…’ in the previous post Spes Phthisica and the Heights Of Consumption.

Spes Phthisica and the Heights Of Consumption

Spes Phthisica and the Heights Of Consumption

A while ago Tamara bought me a book, ‘As Kingfishers Catch Fire‘, and I opened it and started reading where it fell open, at the chapter on the skylark.

You can see the words spes phthisica near the end of the text that I have quoted here, and I wondered whether the authors were being figurative or whether it was a real medical condition.

RICHARD JEFFERIES AUTOBIOGRAPHY, The Story of My Heart, tells us almost nothing of its author’s short, sad life. It was written in 1883, as the tuberculosis that would kill Jefferies began to show itself in bloodspotted handkerchiefs and digestive complaints. He would live for four more years, long enough to see his third child die of meningitis, long enough to write his mesmerising post-apocalyptic masterpiece, After London. He was thirty-eight when he died, the age I will be when these words are published, and he’s buried in Broadwater Cemetery, Worthing, not ten minutes’ walk from where I grew up, on the rim of land between the chalky South Downs and the sea. The Story of My Heart is the record of Jefferies’ spiritual development, of the way that, through nature, he accessed his ‘strong inspiration of soul thought’. It is a lavish, joyful book, some passages coming close to madness, touched perhaps by the spes phthisica that is said to induce a kind of euphoria in consumptives…

I looked up spes phthisica and found that it is a medical term that means a state of euphoria occurring in patients with pulmonary tuberculosis.

The phrase is pronounced SPACE THIZICA.

I also found an article that suggested that the Romantic poets and artists were romantic precisely because they suffered from TB and were given to romantic euphoria because of spes phthisica.

As we know, TB causes anaemia and worse symptoms. And anaemia is characterised by a deathly pallor to the skin.

Because of that effect, the article also suggested that various pale and ghostly figures that appeared in Romantic books and paintings were the deadly embrace of TB.