be_ixf;ym_202212 d_07; ct_50

You Are Here:

Style Guide


Block: Image Links

Pods that have text and an image that link to another page. Settings include Column count (how many per row), Height, Color, etc.


Block: Testimonial Slider

Choose one or multiple testimonials and they will appear in a slider, with the style you select.

Best used within an Advanced Columns > Advanced Column container.

Business consultant, church planter

Bachelors in

God wants all of us to steward faithfully the opportunities for mission in the marketplace, because this is where His harvest lives and hurts. We are His open epistles of love and healing to the broken world in our work places, our government, our schools and our entertainment. AGTS will teach you how to do this with thoughtfulness and strategy.

Dr. Svetlana Papazov

Lead Pastor of First Assembly of God, Rolla, MO

Master in Leadership and Ministry

At AGTS, you will learn so much of the practical side of ministry that’s invaluable on a day-to-day basis. You learn the ins and outs of preaching, how to interpret scripture, and are able to apply it to your congregation.

Lance Langenberg

Vice President of Student Development

Masters in Leadership and Ministry

The coursework at AGTS is exactly what I was missing in ministry. I have learned more about leadership, theology, and God’s design for my life through the study and interaction with professors and other students than in the entirety of my previous 25 years of ministry. Every minister should consider taking a break from the treadmill of books and podcasts and submit themselves to the rigors of higher education. It has a long-lasting impact.

Mark Entzminger


Block: Multi-Row Callout

Single element that showcases multiple images, blurb of text and buttons.

First Second

Single element that showcases multiple images, blurb of text and buttons.


Block: Icon Button Bar

Displays a row of button links with icons.

Get the Raw HTML code from this Font Awesome page.

Select a Layout of “Overlap 50%” to float the Icon Button Bar, and allow it to overlap the elements just before and after it.

NOTE: Especially when using the “Overlap 50%” setting, this block is specially designed to be the first one on the page, thus touching the page hero heading section at top, and overlapping it.

Example Hero

Demonstrating the “Overlap 50%” Layout setting.


Block: Schedule Card

Displays a card with heading area, schedule date pods, and button link.

Best used within an Advanced Columns > Advanced Column container.

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Block: CTA Card

Displays a card with image, heading, description, and button link.

Best used within an Advanced Columns > Advanced Column container.

CTA Card Title

Displays a card with image, heading, description, and button link.

CTA Card Title

Displays a card with image, heading, description, and button link.

CTA Card Title

Displays a card with image, heading, description, and button link.

Block: Callout Boxes

Displays cards with heading, subheading, description, image, and button link.

The College Tour

Evangel was recently featured on The College Tour, a streaming series that highlights universities across the US through the unique stories of students and alumni! You can watch EU’s episode of The College Tour on Amazon Prime, RokuTV, or at the link below!

José Vargas

Hometown: Barquisimeto, Venezuela

“Evangel students have the opportunity to explore and reach their full potential, and Evangel provides tools that will help students prepare and become efficient in their chosen careers.”

Sydney Dunavant

Hometown: Rogersville, Missouri

“I’ve learned so much and have encountered many positive influences in the Evangel community. I know that Evangel has fully equipped me to fulfill every one of my dreams and make a difference!”


Block: Specific Programs

Filter programs by department and area of study.

Custom CSS Classes


eu-alert-bar

Create a Full-Width Container Block with a Paragraph tag. Assign CSS class at the Container Level.




eu-blog-grid

Create a Post-and-Page-Grid Block. Select the number of Items and Columns you want to display from the settings on the side. Assign the CSS class to the Post-and-Page-Grid Block.

Distinctive Department Spotlight: Becky Ingle; Master of Education in Literacy

What brought you to Evangel? Over the years, I had looked at various graduate programs, but none of them seemed like the right fit.  One of my coworkers shared information with me about Evangel’s Master of Education in Literacy degree, and it was exactly what I had been searching for.  Not only was the tuition very affordable…

Continue Reading Distinctive Department Spotlight: Becky Ingle; Master of Education in Literacy

Distinctive Department Spotlight: Hannah Baldwin, Curriculum & Instruction Leadership Online

“Figure out what you love to do, and then figure out how to get paid to do it.” When I was in my thirties, I considered Dave Ramsey’s wisdom. I was tired of jobs that were unfulfilling and paid little. I had felt led to work with young people, but I didn’t know in what…

Continue Reading Distinctive Department Spotlight: Hannah Baldwin, Curriculum & Instruction Leadership Online




eu-columns-touching

Create a Columns Block. Insert content and assign background and text color. Assign the CSS class to the Columns Level.

Without Class Assigned

asdfasdf

adsfsad

asdfasdf

With Class Assigned

asdfasdf

adsfsad

asdfasdf




eu-fifty-fifty

&

eu-text

&

eu-fifty-fifty-flip

Create a 50/50 Advanced Columns Block. Create an Image Block and Pick an Image. In the other Column put some Content and Pick a Background for the column and Text Color for the paragraph block. Assign the CSS class eu-fifty-fifty to the Columns Level. Assign the CSS eu-text at the Column Level that text is in. Assign the CSS class eu-fifty-fifty-flip to the Columns Level if you want the columns to flip for mobile.

Some Text in the other 50% Column.

Some Text in the other 50% Column.




eu-gray-bar

Create a Full-Width Container Block with a List Block inside. Add links to list text. Assign CSS class at the Container Level.




Heroes

Hero Large

Gutenberg Blocks

Create a Full-Width Container Block. Add a background image, Header 1 Block with a text color, and a Header 2 Block. Assign the CSS class at the Container Level.

Light

Header 1

Header 2

Dark

Header 1

Header 2

Primary Hero

Gutenberg Blocks

Create a Full-Width Container Block with a Header1, Header2, and Paragraph Block. Assign CSS class at the Container Level.

Light

Header 1

Header 2

A Paragraph Block. With some text.

Dark

Header 1

The Header 2

A Paragraph Block. With some text.




eu-link-box

Create an Image Block. Upload image and add a caption. Assign the CSS class at the Image Level.




eu-link-strip

Create a Full-Width Container Block. Add a Paragraph Block with a Link. Pick the Background and Text Color. Assign the CSS class at the Container Level.




eu-slash-caption

Create an Image Block. Add the Image with a Caption. Assign the CSS class at the Image Level.

This is the caption



eu-slash-header-container

Create a Container Block. Create a Header 6 Block. Pick the Background and Text Color(the text color will also be the color of the Triangle). Assign the CSS class at the Container Level.

This is the Header 6



eu-slash-image-fifty

Create a 50/50 Advanced Columns Block. Create an Image Block and Pick an Image. In the other Column put some Content. Assign the CSS class at the Image Level. This will also be used with CSS classes eu-fifty-fifty and eu-text.

Some Text in the other 50% Column.




YouVisit

Custom Block

Type in /YouVisit and select YouVisit from the dropdown. This will automatically load the YouVisit embed code on the website. Please do not include more than one of these banners per page.




Social Bar Above Footer

To turn on the Social Bar select the Turn On Social Bar Toggle to On in the Page settings to the right.


Core CSS Styling


Header One – Should only be used once per page for the title

Header Two

Header Three

Header Four

Header Five
Header Six

This is a paragraph tag – Default

This is a paragraph tag – Small

This is a paragraph tag – Medium

This is a paragraph tag – Large

This is a paragraph tag – Huge


  • Bullet List
  • Bullet List
  • Bullet List

“This is a BlockQuote. This is a BlockQuote. This is a BlockQuote”