Headline 1 – For the Main Headline on a post or page

NOTE:  Some styling features will look different on Posts vs. Pages because they were designed differently for a grey vs. white background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae arcu id metus cursus viverra at et velit. Morbi ac tempor tortor. Aliquam ultricies leo vel neque pretium scelerisque. Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit. Sed vitae nunc leo. Nulla cursus ultricies quam id egestas. Suspendisse ut arcu metus, id porttitor diam. Morbi est nisi, molestie aliquam pulvinar sed, lacinia eu tellus. Donec sed lorem dui, at malesuada nulla.

Headline 2 – for sub-headlines below the main headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae arcu id metus cursus viverra at et velit. Morbi ac tempor tortor. Aliquam ultricies leo vel neque pretium scelerisque. Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit. Sed vitae nunc leo. Nulla cursus ultricies quam id egestas. Suspendisse ut arcu metus, id porttitor diam. Morbi est nisi, molestie aliquam pulvinar sed, lacinia eu tellus. Donec sed lorem dui, at malesuada nulla.

Headline 3 – for a change of subject matter inside a page or post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae arcu id metus cursus viverra at et velit. Morbi ac tempor tortor. Aliquam ultricies leo vel neque pretium scelerisque. Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit. Sed vitae nunc leo. Nulla cursus ultricies quam id egestas. Suspendisse ut arcu metus, id porttitor diam. Morbi est nisi, molestie aliquam pulvinar sed, lacinia eu tellus. Donec sed lorem dui, at malesuada nulla.

Headline 4 – to provide emphasis in the body of the copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae arcu id metus cursus viverra at et velit. Morbi ac tempor tortor. Aliquam ultricies leo vel neque pretium scelerisque. Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit. Sed vitae nunc leo. Nulla cursus ultricies quam id egestas. Suspendisse ut arcu metus, id porttitor diam. Morbi est nisi, molestie aliquam pulvinar sed, lacinia eu tellus. Donec sed lorem dui, at malesuada nulla.

  • unordered list item 1
  • unordered list item 2
  • unordered list item 3

Sed vitae nunc leo. Nulla cursus ultricies quam id egestas. Suspendisse ut arcu metus, id porttitor diam.

  1. ordered list item 1
  2. ordered list item 2
  3. ordered list item 3

Nullam vitae arcu id metus cursus viverra at et velit. Morbi ac tempor tortor. Aliquam ultricies leo vel neque pretium scelerisque.  *** Make sure to remove the opening quote marks in your text and leave the closing quote.

this is a quote. Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit. Sed vitae nunc leo. Nulla cursus ultricies quam id egestas.”

Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus, felis mauris semper quam, vitae consequat justo leo id velit.

Callout Boxes

This is a callout box

aligned left – Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

  • item 1
  • item 2
  • item 3

Code for left aligned callout

<div class=”callout-left”>

<div class=”callout-bg”>

<h4>This is a callout box</h4>

<strong>aligned left</strong> – Aliquam placerat <a href=”#”>rhoncus ipsum</a>, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

<ul>

<li>item 1</li>

<li>item 2</li>

<li>item 3</li>

</ul>

</div>

</div>


This is a callout box

aligned right – Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

  • item 1
  • item 2
  • item 3

Code for right aligned callout

<div class=”callout-right”>

<div class=”callout-bg”>

<h4>This is a callout box</h4>

<strong>aligned right</strong> – Aliquam placerat <a href=”#”>rhoncus ipsum</a>, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

<ul>

<li>item 1</li>

<li>item 2</li>

<li>item 3</li>

</ul>

</div>

</div>


This is a callout box

full width – Aliquam placerat rhoncus ipsum, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

  • item 1
  • item 2
  • item 3

Code for full width callout

<div class=”callout-full”>

<div class=”callout-bg”>

<h4>This is a callout box</h4>

<strong>full width</strong> – Aliquam placerat <a href=”#”>rhoncus ipsum</a>, eu aliquet mauris semper sed. Nulla mollis, enim ut adipiscing rhoncus.

<ul>

<li>item 1</li>

<li>item 2</li>

<li>item 3</li>

</ul>

</div>

</div>


YouTube Preview Image
Sed at purus enim. Donec fringilla augue ut eros varius gravida non eget sapien. Morbi fermentum feugiat dignissim.

Code for YouTube/video callout boxes

<div class=”callout-youtube”>

<div class=”callout-videobg”>[PLACE YOUTUBE CODE HERE]

Sed at purus enim. Donec fringilla augue ut eros varius gravida non eget sapien. Fusce consectetur est vitae urna rutrum faucibus. Suspendisse ornare eleifend condimentum. Sed sollicitudin eleifend quam, sit amet venenatis leo lacinia nec. Morbi fermentum feugiat dignissim.</div>

</div>


Lists

  • unordered list item 1
  • unordered list item 2
  • unordered list item 3
  1. ordered list item 1
  2. ordered list item 2
  3. ordered list item 3
  • checkmark list item 1
  • checkmark list item 2
  • checkmark list item 3

Code for checkmarked lists

<ul class=”checkmarks”>
<li>checkmark list item 1</li>
<li>checkmark list item 2</li>
<li>checkmark list item 3</li>
</ul>


Code for report download button

<a href=”http://www.bankonyourself.com/wp-content/uploads/Bank-On-Yourself-Special-Report-1111.pdf” class=”download-PDF-report” title=”Download the Special Report”>


Breaking News Code

Dow Plunges – Have you had enough?
The Dow is down 1,300 points in the last two weeks, plunging 512 points in one day.
Have you had enough yet?

<div class=”breakingNews”>

<div style=”margin:0 0 0 170px; padding:10px 10px 10px 0;”><span style=”font-size:18px; font-weight:bold;”>Dow Plunges – Have you had enough?</span>

<span style=”font-size:12px;”><a href=”http://www.bankonyourself.com/dow-down-512-points-have-you-had-enough-yet.html” style=”color:#fff;”>The Dow is down 1,300 points</a> in the last two weeks, plunging 512 points in one day.<br><a href=”http://www.bankonyourself.com/dow-down-512-points-have-you-had-enough-yet.html” style=”color:#fff;”>Have you had enough yet?</a></span>

</div>

</div>


Analysis Request Form Button – Left Align

Request a FREE Bank on Yourself Analysis

<a href=”https://www.bankonyourself.com/analysis-request-form”><img class=”alignright size-medium wp-image-19048″ src=”http://www.bankonyourself.com/wp-content/uploads/Yellow-Button-FREEanalysis-300×92.png” alt=”Request a FREE Bank on Yourself Analysis” width=”300″ height=”92″ /></a>
<div class=”button alignright” style=”margin: 28px 15px 20px 20px;”></div>


Analysis Request Form Button – Right Align

Request a FREE Bank on Yourself Analysis

 

 

<h2>Analysis Request Form Button – Right Align</h2>
<a href=”https://www.bankonyourself.com/analysis-request-form”><img class=”alignleft size-medium wp-image-19048″ src=”http://www.bankonyourself.com/wp-content/uploads/Yellow-Button-FREEanalysis-300×92.png” alt=”Request a FREE Bank on Yourself Analysis” width=”300″ height=”92″ /></a>
<div class=”button alignright” style=”margin: 28px 15px 20px 20px;”></div>


Analysis Request Form Button – Center Align

Request a FREE Bank on Yourself Analysis

<h2>Analysis Request Form Button – Right Align</h2>
<a href=”https://www.bankonyourself.com/analysis-request-form”><img class=”aligncenter size-medium wp-image-19048″ src=”http://www.bankonyourself.com/wp-content/uploads/Yellow-Button-FREEanalysis-300×92.png” alt=”Request a FREE Bank on Yourself Analysis” width=”300″ height=”92″ /></a>
<div class=”button alignright” style=”margin: 28px 15px 20px 20px;”></div>


Call to Action Link

Call to Action Page


Mobile Site Shortcodes – WP Touch

Note: See editable version of this page for proper syntax.

Mobile

Content added with this shortcode will show up in web-app and non-web-app mode. Figure 1 above shows the content when the website is viewed in web-app mode on an iOS device. Figure 2 below shows the content in non-web-app mode. Which means it will show in mobile Safari on an iOS device or in the mobile browser of other supported devices.

wptouch target=”mobile”

Desktop

Content added with the ‘desktop’ shortcode will only be seen in a mobile device in the desktop version of the website. Desktop browser users will not see this content.

wptouch target=”desktop”

Non-Mobile

Content added with the ‘non-mobile’ shortcode will only be seen in the desktop theme when viewed from a desktop browser. Mobile users will not see this content.

wptouch target=”non-mobile”

This content shows up in the desktop theme when the user doesn’t have a mobile device