Advanced Page Styling Features

This Publishing Platform includes more than 100 features to help you tell your story through text, images, video, animation, sliders, audio, and more. And you’re able to update all the elements of your site – without any technical expertise – through the familiar WordPress interface, the world’s most popular CMS.

Here are examples of what the Headings look like:

This is a headline using Heading 1

This is a headline using Heading 2

This is a headline using Heading 3

This is a headline using Heading 4

This is a headline using Heading 5
This is a headline using Heading 6

Fine Tuning Your Page Design

By clicking icons in the style ribbon, you can create an unlimited number of page layouts as well as fine tune your design to give your site a polished, professional look.

  • Add bullets
  • Bold and italicize text
  • Add links

You can also embed videos hosted on YouTube or Vimeo, which resizes depending upon the device the visitor is using to view the site, such as a smartphone or tablet.

Add Videos

Clear

Create smart columns that automatically resize to mobile

You can create two-columns layouts that are 1/2 and 1/2, 1/3 and 2/3, as well as four-column layouts with equal column width.

2 Columns Equal Width

You can actually have as many column options as you want, such as 1/4 and 3/4, 1/5 and 4/5, and 5 equal columns, but using these as examples starts to get overwhelming. Hopefully you get the idea. The layouts can be very flexible.

2 Columns Equal Width

You can actually have as many column options as you want, such as 1/4 and 3/4, 1/5 and 4/5, and 5 equal columns, but using these as examples starts to get overwhelming. Hopefully you get the idea. The layouts can be very flexible.

Clear

1 Column at 1/3 Width

You can actually have as many column options as you want, such as 1/4 and 3/4, 1/5 and 4/5, and 5 equal columns.

1 Column at 2/3 Width

You can actually have as many column options as you want, such as 1/4 and 3/4, 1/5 and 4/5, and 5 equal columns, but using these as examples starts to get overwhelming. Hopefully you get the idea. The layouts can be very flexible.

Clear

4 Columns Equal Width

And the best part is that every column will automatically resize depending upon the device the visitor is using to view the site, and it’s even smart enough to know when it’s too thin to look good, so it adjusts its size accordingly. These are smart columns.

4 Columns Equal Width

And the best part is that every column will automatically resize depending upon the device the visitor is using to view the site, and it’s even smart enough to know when it’s too thin to look good, so it adjusts its size accordingly. These are smart columns.

4 Columns Equal Width

And the best part is that every column will automatically resize depending upon the device the visitor is using to view the site, and it’s even smart enough to know when it’s too thin to look good, so it adjusts its size accordingly. These are smart columns.

4 Columns Equal Width

And the best part is that every column will automatically resize depending upon the device the visitor is using to view the site, and it’s even smart enough to know when it’s too thin to look good, so it adjusts its size accordingly. These are smart columns.


Adding Images, Shadows, and Lighboxes

Among the many other page style features, you can insert images at various sizes and easily add a shadow and border.

With the image on the right, we’ve also added a lightbox feature that’s best explained by demonstration. Click on the image to the right to see for yourself.


Shortcodes to Produce Polished Pages without Knowing Code

What are shortcodes? A shortcode is a short-handed way to tell the computer to do something — even something complex — without using computer code. You type in the shortcode, and the computer does the rest. Example of a shortcode: [shortcode name ] Your Text here [/shortcode name]. The following are a few example shortcodes in action:

Shortcode Notes and Boxes

[note color=”#FFCC00″]

You can put all sorts of content inside a box to make it stand out. You, of course, can control the background color.

[/note] [box title=”A Box with a Header” color=”#f00″]

There are different boxes, such as this one with a nice title. Again, you control the box color.

[/box]

Shortcode Drop Caps and Highlights

[dropcap style=”1″]D[/dropcap]ropcaps are elegant design touches to break up long paragraphs of type.

And if you really want to call attention to something, you can [highlight bg=”#fc0″ color=”#000″] highlight it too. [/highlight]

Shortcode Buttons

[spacer size=”5″] [button link=”#” color=”#861F19″ size=”3″ ] Button text [/button] [spacer size=”5″] [button link=”#” color=”#ee2e24″ size=”5″ radius=”10″ ] Button text [/button] [spacer size=”5″] [button link=”#” color=”#ee2e24″ size=”5″ radius=”10″ style=”2″ ] Button text [/button] [spacer size=”5″] [button link=”#” color=”#ee2e24″ size=”5″ radius=”10″ style=”4″ ] Button text [/button]

Shortcode for Accordion or Hidden Text

[accordion] [spoiler title=”Click to see hidden text”] Your content goes here [/spoiler] [spoiler title=”This box starts open” open=”true”] You can set the box to be open to start. Then it closes when the other boxes open [/spoiler] [spoiler title=”You control this text too”] Your content goes here [/spoiler] [/accordion]

Shortcode for Tabs

[tabs style=”1″] [tab title=”First Tab”]

Your content goes here. As you can see, these advanced page styling technique can really polish a page, give it a more professional look, and make it easier on your visitor.

[/tab][tab title=”Second Tab”]

As you can see, these advanced page styling technique can really polish a page, give it a more professional look, and make it easier on your visitor.

[/tab][tab title=”Third Tab”]

Many of these styling techniques are done through shortcodes. A shortcode is a short-handed way to tell the computer to do something — even something complex — without using computer code. You type in the shortcode, and the computer does the rest.

[/tab] [/tabs]