EVB style guide

Type styling

Font styling is handled by the Global style sheet, which contains specifics for color, size, font-family, etc. With WordPress, you just choose from these pre-defined styles

Use heading styles to create a visual hierarchy

H1- – don’t use – reserved for Page Title

H2 – this is an example of the H2 style

H3 – this is an example of the H3 style

H4 – this is an example of the H4 style

H5 – this is an example of the H5 style

Use Paragraph for all other text.

Though you can bold it, italicize it, underline it, or any combination of all.


  1. The key to a great looking website is to keep some consistency to where and how you use Heading styles.
  2. Remove html styles from documents you’re importing into WordPress (they can create ugly results) – use the T tool on Toolbar to remove such styles. Then re-apply using WordPress Editor toolss.


Text Alignment

Left align everything. It looks more professional and is easier to read.



The full width banner images on static content pages should be pretty botanical images (not illustrations), cropped to 900×200. You can find inexpensive images on Bigstockphoto.com. Insert the image before any text content on the page, and set the image to Alignment: none, and Link to: none.



Standard colors for this website are:

#866380 – Purple/Plum (menu)
#216788 – Dark blue (footer)
#4a6d4a – Green (text headings)
#93c5db – Light Blue (buttons, logo border)
#f7f6ec – Cream/beige (Shop category menu)



Use the Shortcodes option on the page editor toolbar. Choose one of the darker colors from the above color palette for the background (including the # symbol), and set the Text color to “light”.

Example Button

Buttons in the side column are background images designed outside of WordPress and on the User Guides buttons are hard-coded into the template. But this is the method when you want to create a button on the fly inside a content page (like Practitioner page).