Documentation

Speaker Theme is built on Socrates so most of the documentation for Socrates as well as our tutorial videos is relevant for Speaker Theme.

You need to install the Speaker Theme and the Socrates Toolkit plugin to use the codes below.

Socrates Documentation
You Tube Channel

I’ll be doing a few more videos and adding to this page in the near future.

For questions and support you can reach me via this contact form or Socrates Theme live chat.

Here’s some masthead example codes you can use in our header system. These will pop a lot more with a nice background graphic. And you may need to adjust the shortcode line breaks once you paste into the widget.

Step 1: Assign a custom header/masthead image in the page editor
Steo 2: Choose a height for the image
Step 3: Publish the page
Step 4: Drag a custom html widget to the Masthead Widget location
Step 5: Use Widget Visibility option to show on your new page
Step 6: Copy and Paste one of these codes into the widget and save

Left Aligned Headline


[soc_headline color="#fff" font_size="70" font_size_tablet="50"
font_size_phone="25" shadow="1" align="left" margin_top="40" 
margin_bottom="25"]THIS IS MY HEADLINE[/soc_headline]

Example:


THIS IS MY HEADLINE





Centered Headline and Sub Headline

[soc_headline color="#fff" font_size="70" font_size_tablet="50" 
font_size_phone="25" shadow="1" align="center" margin_top="40" 
margin_bottom="15"]THIS IS MY HEADLINE[/soc_headline]
[soc_headline color="#fff" font_size="50" font_size_tablet="30" 
font_size_phone="20" shadow="1" align="center" margin_top="0" 
margin_bottom="25"]This is a sub headline[/soc_headline]



Example:

THIS IS MY HEADLINE


This is a sub headline





Left Headline with Profile Image

[soc_two_third] [soc_headline color="#fff" font_size="70" 
font_size_tablet="50" font_size_phone="25" shadow="1" align="left" 
margin_top="40" margin_bottom="25"]THIS IS MY HEADLINE[/soc_headline]
[soc_headline color="#fff" font_size="40" font_size_tablet="30"
font_size_phone="20" shadow="0" align="left" margin_top="10"
margin_bottom="25"]This is my sub headline text[/soc_headline]
[/soc_two_third] [soc_one_third class='last'] 
<img src="http://speakertheme.com/wp-content/uploads/2018/05/business-person.png" alt="" width="566" height="600" class="alignnone size-full wp-image-83" /> 
[/soc_one_third]



Example:

THIS IS MY HEADLINE


This is my sub headline text








Center Headline / Subheadline with Call To Action Button

[soc_headline color="#fff" font_size="70" font_size_tablet="50" 
font_size_phone="25" shadow="1" align="center" margin_top="40" 
margin_bottom="25"]THIS IS MY HEADLINE[/soc_headline]
[soc_headline color="#fff" font_size="50" font_size_tablet="30" 
font_size_phone="20" shadow="1" align="center" margin_top="0" 
margin_bottom="25"]This is a sub headline[/soc_headline]
[soc_button color='green' size='huge' href='#' target='new' align='center']
Your Call To Action[/soc_button]



Example:

THIS IS MY HEADLINE


This is a sub headline






Two Column Call To Action with Buttons

[soc_one_half] [soc_headline color="#fff" font_size="50" font_size_tablet="40" 
font_size_phone="30" shadow="1" align="center" margin_top="50" 
margin_bottom="25"]This is a call to action[/soc_headline] [/soc_one_half] 
[soc_one_half class='last']
[soc_divider margin_top="50" height="0"]
[soc_button color='green' size='huge' href='#' target='new' align='center']Your Call To Action[/soc_button]
[soc_button color='red' size='huge' href='#' target='new' align='center']Your Call To Action[/soc_button] 
[/soc_one_half]



Example:

 

This is a call to action





Centered Headline with Two Buttons

[soc_headline color="#fff" font_size="60" font_size_tablet="40"
font_size_phone="30" shadow="1" align="center" margin_top="60"
margin_bottom="25"]THIS IS A CALL TO ACTION[/soc_headline]
[soc_divider margin_top="30" height="0"]
<div class="soc_button_center">
[soc_button color='blue' size='huge' href='#' target='new' ]Learn More[/soc_button]   
[soc_button color='green' size='huge' href='#' target='new']Join Here[/soc_button]
</div>



Example:


THIS IS A CALL TO ACTION





Top Banner Widget – Page Name

Use this code to make a nice looking page name section for each of your main page using our Top Banner Widget and Widget Visibility.

[soc_hero_banner parallax="0" height="300" min_height="300" margin_top="0" margin_bottom="25" margin_left="0" margin_right="0" padding_top="25" padding_bottom="25" padding_left="25" padding_right="25" bgimage="https://speakertheme.com/wp-content/uploads/2018/12/boston-skyline.jpg"]
[soc_headline color="#fff" font_size="50" font_size_tablet="30" font_size_phone="30" align="center" margin_top="45" margin_bottom="25"]Our Team[/soc_headline]
[/soc_hero_banner]



Example:


Our Team