Helpful Utility Classes

A few handy utility classes to install on your blueprint.

There are a few settings not inside GenerateBlocks that I find myself needing often. In order to be able to access these things quickly, I have a few utility classes that I install on every site.

/* Max Widths */

.max-width-1024 {
  max-width: 1024px;

.max-width-768 {
  max-width: 768px;

.max-width-640 {
  max-width: 640px;

.max-width-480 {
  max-width: 480px;

/* Margin Auto */

  margin-left: auto;
  margin-right: auto;

/* Position Properties */

  position: relative;

  position: absolute;
  top: 0px;
  left: 0px;

  position: sticky;
  top: 24px;

Kyle Van Deusen

Co-founder of The Admin Bar Community, owner of OGAL Web Design, and a GeneratePress & GenerateBlocks enthusiast.

For official support, please visit the forums for GeneratePress or GenerateBlocks

If you're looking to have a website built with GeneratePress & GenerateBlocks, then visit my agency website.

Leave a Comment