Chapter Website Resources


Editing Your Chapter Website


Quick note before diving in:
Two names you’ll see going forward are WordPress and Gutenberg

All you need to know is that the chapter websites are built using WordPress, a content management system, which allows those with no coding experience to editing websites, and post new content (like Facebook). 

And, Gutenberg is the new text editor/page-builder that WordPress uses.


Logging In

There are 3 ways to access the login area of your chapter website:  

1. Through the direct link (e.g.
    Chapter 442:
    Chapter 472:
    Chapter 572:
    Chapter 691:
    Chapter 790:
    Chapter 793:
    Chapter 1958:
    Chapter 2560:

2. At the bottom (footer) of the chapter website through the link Admin Login. (Pictured below)
3. At the bottom (footer) of the department website through the link Admin Login. (Pictured below)


From there, you will land on the login page.  

– Your admin username is adminyourchapternumber (e.g. admin793)
– If you don’t know your password, contact either the department web master or department adjutant. 

Editing Existing / Creating New Page Content

There’s plenty to cover here, and the following guide is helpful, and will  guide you in managing your chapter’s site:

This will cover:
– Titles
– Paragraphs
– Font styling (bold, italicize, underline, etc.)
– Images
– Custom blocks
– And more

Another article covering the same content (sometimes different wording helps material click better):


MOPH Theme CSS Classes



As was covered in the guide, special “classes” can be added to blocks or elements in WordPress / Gutenberg.  Below are the current classes you can use to create special MOPH themed blocks or elements.

Colored Text Classes

Purple Text: color-purple
Yellow Text: color-gold
Red Text: color-red
White Text: color-white
Black Text: color-black

Button Classes
Ghost Buttons





Filled Buttons






Special Font Class

Script text for MOPH Slogan : Slogan

Drop Shadow Classes

Regular shadow


Class: drop-shadow

Extra Dark Shadow
(when used over dark backgrounds)

Class: drop-shadow-dark-bg

Shadow Box Classes

Regular Shadow Box

Class: shadow-box

Dark Shadow Box
(when used over dark backgrounds)

Class: shadow-box-dark-bg