Styles Page

Heading 1

Heading 2

Heading 3

Heading 4

Basic paragraph style. Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.

Shortcodes

New Text. Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.

Halves

One Half: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.
One Half: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.

Thirds

One Third: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.
One Third: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.
One Third: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.

 

Two Thirds: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant. Elitr noluisse ne vel, oporteat antiopam qualisque ne nec. An mutat voluptatum vituperatoribus vix, cum mutat senserit an, at nam justo dicta volutpat. Cum audiam aliquip ut.
One Third: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing. In eum nusquam aliquando, his in euripidis abhorreant.

Fourths

One Fourth: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing.
One Fourth: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing.
One Fourth: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing.
One Fourth: Lorem ipsum dolor sit amet, his eu cotidieque liberavisse, vis ex iusto audiam. Vix ea sententiae adipiscing.

Copy this section in the Text view to add a new director

Switch to text view and copy from <div class=”director”> to <div> and everything in between.

DIRECTOR NAME

DIRECTOR DESCRIPTION Lorem Ipsum dolor sit…

About our Program


Copy the following to create a link similar to the one above

<div class=”director”>

<a title=”DIRECTOR NAME” href=”http://www.virtualschoolalliance.org/wp-content/uploads/2014/11/vsla-footer-logo.jpg”><img class=”alignnone wp-image-31 size-thumbnail” src=”http://www.virtualschoolalliance.org/wp-content/uploads/2014/11/vsla-footer-logo-150×150.jpg” alt=”” width=”150″ height=”150″ data-id=”95″ /></a>
<h3><a title=”Jay Heap” href=”/DIRECTOR-PAGE-LINK/”>DIRECTOR NAME</a></h3>
<p class=”bd-description”>DIRECTOR DESCRIPTION Lorem Ipsum dolor sit…</p>
<a class=”sm-red-btn” title=”PROGRAM TITLE” href=”/PROGRAM-LINK/”>About our Program</a>

</div>


Creating a Button

1. Add your link text:

Example Button

2. Highlight the text and add your link using the ‘Insert/Edit Link’ Icon. You can paste the url in or find a page within the website to link to.

3. Click ‘Text’ to switch to the html editor mode.

4. Find your link and change where it says < a href=”LINK” to <a class=”red-btn” href=”LINK” or <a class=”drk-red-btn” href=”LINK”

5. The new styles should apply:

Example Button


Image Sizes

PDF Screen Shots: 200px X 300px

Member Homepage Icons – Height: 63px Max-Width: 160px

Member Page Image: 450px X 300px

Director Images: 300px X 300px (Almost any size is fine, as long as they are squares)

Test