Your Guide to Recreating Elements of the Reflex Theme for WordPress
Here is the widget breakdown for the Footer section:
This section of the page is a standard text widget. You will need to enter the following in the main text field.
<div class="rg-gm-slice floatleft"><img class="" src="http://demo.rockettheme.com/live/wordpress/reflex/wp-content/rockettheme/rt_reflex_wp/frontpage/photo1.jpg" alt="Image" height="96" width="96"/></div>
<p>My galleries mainly feature images from my favourite destinations in <a href="#">the Americas and Europe</a>, featuring spectacular landscapes.</p>
<a href="#" class="readon"><span>Contact Details</span></a>
Here is a breakdown of options changes you will want to make to match the demo.
About the Photographer
as the Title
nomarginbottom nopaddingbottom nopaddingleft
in the Custom Variations field.This widget tells WordPress to start a new widget column beginning with the widget placed directly below the divider in the section.
This section of the page is a standard text widget. You will need to enter the following in the main text field.
<p><em class="bold">DEMO NOTICE:</em> All demo content is for sample purposes only, intended to represent a live site. RokGallery images are the copyright of <a target="_blank" href="http://www.sxc.hu/">stock.xchng</a>.</p>
Here is a breakdown of options changes you will want to make to match the demo.
Demo Information
as the Title
nopaddingleft
in the Custom Variations field.This section of the page is a standard text widget. You will need to enter the following in the main text field.
<ul class="menu">
<li class="item195">
<a href="#">
<span class="menuitem">HTML5/Flash Uploader</span>
</a>
</li>
<li class="item196">
<a href="#">
<span class="menuitem">Multiple Gallery Support</span>
</a>
</li>
<li class="item197">
<a href="#">
<span class="menuitem">Selectable Sort Options</span>
</a>
</li>
<li class="item198">
<a href="#">
<span class="menuitem">Sophisticated Slice Editor</span>
</a>
</li>
<li class="item199">
<a href="#">
<span class="menuitem">Per Image Crop/Zooming</span>
</a>
</li>
<li class="item200">
<a href="#">
<span class="menuitem">2/3/4 Grid Options</span>
</a>
</li>
<li class="item201">
<a href="#">
<span class="menuitem">Widget Available</span>
</a>
</li>
</ul>
Here is a breakdown of options changes you will want to make to match the demo.
RokGallery Features
as the Title
nopaddingleft
in the Custom Variations field.This RokGallery widget is used to display a Grid of images in order to demonstrate what RokGallery can do to enhance your site's look.
Here is a breakdown of the widget options:
Option | Setting |
---|---|
Title | |
Link Type | Link to RokBox Slice Image |
Default Linked Item | Home |
Show Title | No |
Show Caption | No |
Sort By | Title |
Sort Direction | Ascending |
Slice Limit | 6 |
Gallery Style | Dark |
Gallery Layout | Grid Layout |
Grid Columns | 3 |
This will create the widget, but you will need to actually build the gallery using RokGallery. We go into detail on how to use RokGallery in our official guide.
This section of the page is a standard text widget. You will need to enter the following in the main text field.
<p>Learn more about what RokGallery offers, and how to use its <a href="#">simple and intuitive user interface</a>, by reading its introductory documentation.</p>
<a href="#" class="readon"><span>More Information</span></a>
Here is a breakdown of options changes you will want to make to match the demo.
nopaddingright nomargintop nopaddingtop
in the Custom Variations field.