Home › Banking › Gutenberg Elements Showcase
Banking

Gutenberg Elements Showcase

Headings, lists, quotes, tables, code, images, galleries, embeds, cover, columns, media+text, buttons, details and the widget blocks — each one styled by the theme's own rules.

G-will Chijioke G-will Chijioke March 2026 6 min read Updated Aug 2026 Reviewed Aug 2026
Gutenberg Elements Showcase — Every Block Styled
⚠

Affiliate disclosure. Some links in this article earn me a commission if you sign up through them, at no extra cost to you. I only recommend apps I have personally tested. This never changes my ratings.

Welcome to the Gutenberg element showcase — every block on this page is styled by the finance theme’s own CSS (zero WordPress block-library bloat). Scroll through: headings, text, lists, quotes, tables, code, images, galleries, local video, local audio, YouTube, Vimeo, Spotify, cover, columns, media+text, buttons, file downloads, details, footnotes and more.

1. Headings

H3 — subheading level

H4 — small section header

Body paragraph with a link, inline code, bold and emphasis — all matching the cream-and-gold editorial look. Long paragraphs stay readable with relaxed line-height, and links inherit the gold accent without shouting.

  • Bullet list item one
  • Bullet list item two with code inside
  • Bullet list item three
  1. Ordered item one
  2. Ordered item two
  3. Ordered item three

2. Quotes

Standard blockquote — gold bar on the left, muted italic text, styled for pull-out wisdom without stealing focus.

— G-Will

Pullquote block — a surface card with a gold edge, made for emphasis.

Gutenberg Pullquote

3. Tables

FeatureStatus
Self-hosted fontsJetBrains Mono
Custom block CSSv1.0.14
WP block-library CSSZero bytes

4. Code blocks

<?php
// The finance theme's own code surface
$rate = gwill_finance_ticker_items();
echo $rate[0]['value']; // ₦1,582

preformatted block — raw whitespace preserved, warm-black surface in both modes.
Dollar accounts cover
Image block with a cream caption, rounded corners — click to zoom (lightbox)
Savings cover
Investing cover
Crypto cover

6. Embeds — YouTube, Vimeo, Spotify

7. Cover block

Cover block — image background with dark dim, rounded, content centered

8. Columns & media+text

Left column. Columns flex side-by-side on desktop, stack on mobile.

Right column. Equal flex widths, gap handled by the theme.

Media + text block — image left, content right, vertically centered. Stacks to one column on small screens.

9. Buttons & details

Solid button
Outline button
Click to expand — details block

Hidden content revealed. Summary is a gold mono prompt, body sits on the surface card.

That’s the whole tour — every Gutenberg block styled custom, no WordPress CSS shipped. 🚀

10. Widget & utility blocks

Everything below is styled by the theme too — drop any of these into any post.

$ naira watch
USD/NGN  ₦1,582
EUR/NGN  ₦1,842
GBP/NGN  ₦2,110

This sentence has a footnote.[1]

G-will Chijioke
G-will Chijioke
Web developer and finance writer. I build this site and write everything on it. I test every app before recommending it. Based in Nigeria.

Related Articles

Weekly digest.

Rate changes, app reviews, money moves. Free.