Overview

H2 Title Second line for intro statement

Your custom WordPress theme uses several open source frontend frameworks to simplify building a mobile responsive website. The primary frameworks are Bootstrap 4 and Font Awesome 5. So any CSS/HTML features within these frameworks should work on your website. We highly recommend familiarizing yourself with the bootstrap documentation.

On top of these frameworks are custom CSS classes that give a range of access to branding colors and other tools to maintain a consistent website. If you need help always remember that you can email support@fullmedia.com. Full Media support can always add additional custom CSS in the future.

H-Title Tags & Text Colors

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title

There is also a White text color classes: c-white

Donate Button / Shortcode

Donate Button Shortcode (Default)
Donate Now

Donate Button Shortcode (Custom CSS Class)
Donate Now

Donate Button Shortcode (Custom Label)
Donate Today

Download Button Examples

Boostrap Grid / Rows & Columns

You can use the boostrap grid for highly customized rows and columns to better position your content within larger sections.

Bootstrap 4 Grid

Two Column Row

Block

Block

Three Column Row

Block

Block

Block

Four Column Row

Block

Block

Block

Block

Boostrap Padding & Margins

Your site uses the standard padding (inner spacing) and marging (outer spacing) to better position elements and text.

Bootstrap Layout Utilities

Padding 5
Padding 4
Padding 3
Padding 2
Padding 1
Padding 0

Margin 5
Margin 4
Margin 3
Margin 2
Margin 1
Margin 0

Font Awesome 5 - Icon Set

Font Awesome 5 Docs

Connection Icons

Social Icons

Animation Classes

By adding CSS Class “animista “, a predefined animation sequence will trigger once the section that the element appears on comes into browser view. These animations can be delayed using “anim-delay-XX”, where XX is a number between 1 and 20.

To keep your website light and fast we only define a few animations. But if you are interested in adding more animations, we use a tool called Animista to choose from a large library of animation types.

https://animista.net/

If you are interest in adding more animations, please contact support@fullmedia.com.


Blurred In Left

Blurred In Right

Fade In Right

Blurred In Bottom

Tilt In Right/Bottom

Lorem ipsum dolor sit amet, at amet vivendo voluptatibus mei, ea populo labores ceteros mel. Te nam omittam definitiones, in laudem referrentur qui. Nec ei vulputate intellegebat. Constituam complectitur vim ut, nam ad ornatus theophrastus. Vis no saepe equidem.


Lorem ipsum dolor sit amet, at amet vivendo voluptatibus mei, ea populo labores ceteros mel. Te nam omittam definitiones, in laudem referrentur qui. Nec ei vulputate intellegebat. Constituam complectitur vim ut, nam ad ornatus theophrastus. Vis no saepe equidem.