Styles
This page is an overview of what most basic blocks and styles will look for this theme. Most of these styles are handled by the themes style.css file, and can be edited based on the current clients brand guidelines.
Headline Styles
H1 Headline
H2 Headline
This is an h3 headline
This is an h4 headline lorem ipsum dolor sit amet
This is an h5 headline lorem ipsum dolor sit amet
This is an h6 headline lorem ipsum dolor sit amet
Bolded Headline Styles
This is a bolded H1 headline
This is a bolded H2 headline
This is a bolded H3 headline lorem ipsum dolor sit amet
This is a bolded headline 4 lorem ipsum dolor sit amet
This is a bolded headline 5 lorem ipsum dolor sit amet
This is a bolded headline 6 lorem ipsum dolor sit amet
Centered Headline with ‘special’ class
Left Headline with ‘special’ class
Color Palette
Primary Colors
#1b7f81
#ab4896
#656d94
#242E35
#FFFFFF
Secondary Colors
#cee8e8
#913e80
#717dc8
#EEEEEE
#e6f3f4
#f3e8f3
#717dc8
#f8f8f8
Gradients
Add the following classes to the containers that you would like to have a gradient background
teal-gradient
magenta-gradient
purple-gradient
Stride Utility Styles
This is a container with ‘box-shadow’ added as class name
Standard WordPress Block Styles
Below are examples of standard blocks that are available in the block editor.
Lists
A standard unordered list block
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
An unordered list block with class ‘no-bullets on the container
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
Columns
Column block with Two- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Column block with Three- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Column block with Four- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Buttons
Standard buttons
Buttons with class “big-button” added to container
Blockquotes & Pullquotes
Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity.
Dieter Rams
Block Patterns:
Hero Panel with Image or Video Background:
![A young girl receives instruction in a learning center office by a female teacher.](https://sternctr.wpengine.com/wp-content/uploads/2022/06/Stern-Center-Learning-Services-and-Programs.jpg)
For Learners and Families