Entity Box Backgrounds en

Adds background color, padding, border radius and box-shadow to entity sidebars (pins, profile, links, history) and post headings to make them stand out more. 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 color as other entity content areas. But you can give it a specific color with the following CSS, changing #333 as preferred:

.sidebar-section-box {
	--sidebar-section-background: #333;
}
.post-header {
	--box-background: #333;
}

For extra legibility, you may also prefer to add a secondary background color around the entire entry-and-posts main column 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 posts and entry */
.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):