Skip to content

Styling your shortcodes and blocks – Part 3

Jul 2023·8:37·147 views·Matt Knighton

Walkthrough Overview

About This Video Guide

This is the third part of our WordPress Tutorial Developer Series - converting Short codes to blocks.

In this video I show how to manage css styling for your blocks and Short codes. It covers css in a block as well as the editing interface.

We also cover short code css that is enqued via a PHP method.

Take a look at the setup of the original video here: https://youtu.be/1Z4Br2_9hOg

Important Links

Github repo for the code in the Video on the part 3 branch.

https://github.com/MRKWP/scbdemo/tree/part3

You can support my channel by using these affiliate links.

Core Focus Areas

  • 1Practical, production-tested techniques tailored for WordPress and modern tooling.
  • 2Stripping away fragile dependencies so your site stays fast and resilient.
  • 3Workflows structured so your internal team can maintain and own them long-term.

More Practical Walkthroughs

Explore step-by-step video tutorials and technical walkthroughs.

View all videos ↗
Using Gemini Nano Banana to Match a colour profile without degredation.
4:31
Apr 2026 · 38 views

Using Gemini Nano Banana to Match a colour profile without degredation.

4:31Watch Video
Fix ChatGPT Emoji not saving in WordPress
3:22
Mar 2025 · 510 views

Fix ChatGPT Emoji not saving in WordPress

3:22Watch Video
Have Multiple Sidebars in WordPress with Elements and Kadence Pro
8:27
Feb 2025 · 555 views

Have Multiple Sidebars in WordPress with Elements and Kadence Pro

8:27Watch Video

Let’s figure it out together

You don’t have to build alone.

A little guidance. A good conversation. A better next step.

Work with me

Start with a 20-minute call. I read every enquiry myself.