Blipper widget example

The Blipper Widget is included on this page below using the shortcode. The shortcode used is given in the content of the blip’s caption. The content is text given between a pair of opening and closing Blipper Widget shortcodes: [blipper_widget]The content goes here[/blipper_widget]. The content allows you to add text independently of Blipfoto to the display text. It is constant for every blip.

The blip is styled using the CSS following the blip. The CSS is set in the Additional CSS section of the customiser. If you change your theme, you will need to remember to copy your Blipper Widget CSS from the old theme before you change so that you can easily paste it into the Additional CSS of your new theme. Alternatively, you could use a third-party CSS plugin to store Blipper Widget’s CSS, then it won’t change until you edit it in the third-party plugin or unti you delete that plugin.

The widget is displayed in the sidebar (which may be below the main text if your screen is narrow). It is styled using the widget settings form. Elsewhere on the site, the widget is styled using CSS – the same CSS used to style the shortcode version below.

Styling the widget using the widget settings form is simpler than using CSS, especially if you’re unfamiliar with CSS, but styling with CSS is more powerful and more flexible.

Blipper Widget placed on a page using the shortcode

Beetroot
Sun 17 Jan 2021
Beetroot by pandammonium
Blipper Widget in action using the shortcode [blipper_widget title='Blipper Widget placed on a page using the shortcode' add-link-to-blip=show display-journal-title=show display-powered-by=show display-desc-text=show]<This text>[/blipper_widget] to construct and display my latest blip. The blip is styled using the CSS below.
After not becoming best mates with my new soup machine on the first go, the other day, I followed a recipe from the back of the book for mushroom soup. I thought following a proper recipe would help me learn how to use it better, especially with respect to the ratio of solid to liquid. The soup came out runnier than the mushroom soup I made in my old soup machine, but it was nevertheless tasty and a big improvement on the butternut squash soup.Yesterday, I made beetroot soup for today (pictured). I put two bunches of beetroot in the pressure cooker with the stalks. When they were cooked and had cooled a bit, I peeled the beetroots wearing food/safe plastic gloves. I quartered them and put them in the soup machine along with the cooking liquid from the pressure cooker. I bunged in a stock cube and set the machine to make smooth soup.We had some warmed up today for lunch garnished with chives, black pepper and oat cream. It tasted very beetrooty. The texture was smooth, not bitty. It was quite thick, but not too thick. I’d call this one a success!Apart from the stupid handle on the lid, this new machine is growing on me.
.bw-blip {
	margin-bottom: 2ex;
}
.bw-figure {
	background-color: #383E41;
	border: 4px ridge #7949B1;
	color: inherit;
}
.bw-image {
	padding: 30px;	
}
.bw-caption {
	background-color: #ffffff;
	color: #7949B1;
}
.bw-caption-header {
	font-size: larger;
	font-weight: bolder;
	margin-bottom: 1ex;
	text-align: center;
}
.bw-caption-content {
	padding-bottom: 0.5ex;
	text-align: left;
}
.bw-caption-footer {
	background-color: inherit;
	color: #E1FDFF;
	font-size: smaller;
	font-weight: lighter;
	text-align: right;
}
.bw-text {
	background-color: inherit;
	border: 3px ridge #7949B1;
	color: #383E41;
	margin-top: 2ex;
}
.bw-caption,
.bw-text {
	padding-left: 0.5em;
	padding-right: 0.5em;
}