Entry Box Backgrounds

Adds background colour, padding, border radius and box shadow to entry sidebars (pins, profile, links, history) and article headings to make them stand out more. Adds a background colour to category list tables (header and even rows) for legibility. Recommended if your campaign uses a background image rather than a flat color, to increase legibility.

Should work across all themes without needing to tweak values for your specific campaign, using the same background colour as other entry content areas. But you can give it a specific colour with the following CSS, changing #333 (or the 10px padding in sidebar boxes) as preferred:

.sidebar-section-box {
	--sidebar-section-background: #333;
	--sidebar-section-padding: 10px;
}
.post-header {
	--box-background: #333;
}
.table-entities {
	--category-list-head: #333;
	--category-list-even: #333;
}

For extra legibility, you may also prefer to add a secondary background color around the entire main column containing the entry’s description and articles in your campaign CSS, as in the image below — I find that it helps focus on the text rather than the background image. You can use the following example as a starting point, changing the color and shadows as desired:

/* Background under all articles and description */
.entity-grid .entity-main-block {
	padding: 10px 10px 20px 10px;
	background-color: #333;
	box-shadow: #111 -3px 3px 3px;
	border-radius: 5px;
}

Want to show appreciation for my plugins or request one-on-one CSS help? I accept tips on Ko-fi (no account needed):