Snippets

There are times when you need CSS rules for a post, but those rules really don't need to go into the main CSS style sheet file. In this article, I'll show you how to set up post-specific CSS for your WordPress website.

This small snippet allows you to override a default heading for a callout box using a data attribute and the CSS cascade.

Thanks to CSS grid, overlapping elements on a web page is easy and reliable, unlike the earlier methods that were fraught with pitfalls. Here's a short screencast that shows you how. Below the video are an image of the final outcome and the HTML and CSS code.

Suppose you have a 3x3 grid of cards or images. Further suppose that when you hover over any one of the 9 elements, you want to make that element stand out by affecting how all the other elements behave. In the example in this article, the non-hovered elements (a) get smaller; (b) change background colors; and (c) get blurred. And all of these effects take place gradually, with CSS transitions.

You cannot alter the opacity of a background image without affecting foreground content. Like me, you may have learned this the hard way when you first tried to add some heading text over a background image in a page hero. Thanks to Jessica Chan (aka Coder Coder on YouTube and CodePen), we have two excellent solutions.

Someone posting in the Facebook Advanced WordPress group was asking how to allow selected registered WordPress users to see a list of active plugins without giving them the capability of managing plugins in any way. He ultimately solved the problem by adding a custom user role and appropriately configuring capabilities for that role. Before I learned that he found his solution, I posted this article showing how to display a listing of active plugins in the WordPress dashboard.

Sometimes it’s desirable to render WordPress posts or pages distinctively based on the categories or tags assigned to them. This post shows how that's done.

Inspired by a question posed in the Facebook MemberPress Unofficial User Group, I created functions to show all of the users' course progress in one place. My solution displays two views of course progress: one grouped by User; the other grouped by Course.

MemberPress has lots of shortcodes, but it doesn't have one for displaying a membership price. Since you might want to display that price in various places, I created one.

My client wants to display on his site information about trade shows at which his company will be exhibiting. I know there are lots of event plugins out there, but most of the ones I know about would be overkill for our needs. So, I created a must-use custom Events plugin for this client. One of the requirements was to show both current and past events and to segregate them on the main events "landing" page.