• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Calgary Wordpress and Genesis Web Development
  • Home
  • News
  • Portfolio
  • Services
  • Contact
  • Code Samples
  1. Home
  2. StudiopressBlog
  3. How to Add Custom Entry Message Boxes to Your Site

How to Add Custom Entry Message Boxes to Your Site

November 10, 2017 By StudioPress Blog

Once in a while you might have the need to put major emphasis on some content on your website. Perhaps it’s an alert message, a caution message, or even a warning message. Lucky for you, it’s super easy.

When I designed the Monochrome Pro theme, I added some styles to it which allows for this. Here’s a screenshot that shows you what each looks like.

(Or you can see them in action on the theme demo.)

How to Add Custom Message Boxes to Your Content

Add Custom Entry Message Boxes

1. The first step is to establish the styles in your theme’s style.css file:

View the code on Gist.

2. The next thing you need to do is add HTML to your entry content:

View the code on Gist.

3. Hit publish. 🙂

We have published additional Genesis Quick Tips for you, so feel free to use what you see to build something awesome.

This blog was originally posted on Studiopress.com This post is in no way associated with Kembel.ca. For more posts by this author, please click here.

Filed Under: StudiopressBlog

Address

23 Walden Place SE
Calgary Alberta
T2X 1Y5

Hours

*By Appointment Only

Copyright © 2025 Kembel Web Design · Log in