The Visionary Theme for WordPress

Shortcodes – Columns

Adding columns to a page or post is done with either html snippets of code or shortcodes (if provided for the existing theme). The Visionary theme does offer this ability by copy and pasting the shortcode into the HTML editor view in your page, post, or text widget. I am providing both the shortcode method […]

Read more

Shortcodes – Bullet Lists

The Visionary theme offers additional list styles other than the default “Unordered” and “Ordered” lists that I won’t show here as they do not require shortcodes. Unordered List – Dark Grey To get an unordered bullet list into your page, post, or widget that looks like this: Copy and paste this code into your HTML […]

Read more

Shortcodes – Dropcaps

Dropcaps are used for the first letter of a paragraph and generally used once on the page. You can even get creative and make custom lists with numbers instead of letters. Below is an example of what the Dropcap styles look like: Shortcode – Grey Open your post or page in the editor and switch […]

Read more

Shortcodes – Blockquote

A blockquote is like a function that most html editors will have, where in the case of WordPress, it’s on the editor that looks like this: Select (highlight) the text content that is to be featured as a quote in your page Click on the “Blockquote” editor button Click Save Your quote should now look […]

Read more

Using Shortcodes in the Visionary

Shortcodes are like mini-templates of elements that consist of many things like: Read More buttons Bullet lists Contact forms or other forms Column layouts and more… **Coming to this page right now? I am currently adding shortcodes for every element the Visionary theme offers and will be posting them here as I go along. First […]

Read more

How to change the slideshow timing

If you are using the Content Slideshow and want to change the speed/time for the slide changes, you will have to make a core file adjustment. Unfortunately, this particular slideshow does not have a setting in the admin area. Open up the Visionary theme files and look for this file: /js/slideswitch.js file (by jonrassch.com) Find […]

Read more

How did I create the Home page on the demo site

I am asked “How do I make my home page look like your demo?” for many of my themes, so I decided I will include these kind of tutorials with every new theme I release, starting with the Visionary…which I will base this setup on. Create a Static Front Page and a Blog Page Go […]

Read more

Customize your list styles

The Visionary theme offers a variety of list styles (also called bullet lists). Default Ordered List Dark Grey Ordered List: Add class=”darkgrey” to your <ul> tag: <ul class=”darkgrey”> Or use the shortcode: [listdarkgrey]<ul><li>Item One</li><li>Item Two </li><li>Item Three </li></ul>[/listdarkgrey] Green Ordered List: Add class=”green” to your <ul> tag: <ul class=”green”> Or use the shortcode: [listgreen]<ul><li>Item One</li><li>Item […]

Read more

Visionary Widget Positions

Widget positions for the Visionary WordPress theme have changed slightly from the original version. Positions that you see in “green” are content areas part of the functionality of this theme and not actual widget positions, but added to the layout here for reference. Only the grey areas are user widget locations. Below are the current […]

Read more

Using the Top Widget area

The top widget area is a bit different than most widget positions but does offer a bit more flexibility for customized widgets – more so with text widgets. The Visionary theme offers a single widget position titled in the admin as “Top Widget”. Because of the inflexibility of WordPress widgets, I decided to make this […]

Read more