Your Guide to Recreating Elements of the Alerion Theme for WordPress
Here is the widget breakdown for the Utility section:
You will need to enter the following in the main text field to create this text widget as it appears in our demo. This widget creates the map with its associated pins.
<img class="rt-map rt-img-circle hidden-phone" src="http://demo.rockettheme.com/wordpress-themes/wp_alerion/wp-content/rockettheme/rt_alerion_wp/frontpage/utility/img1.jpg" alt="image" />
<img class="rt-map-phone visible-phone" src="http://demo.rockettheme.com/wordpress-themes/wp_alerion/wp-content/rockettheme/rt_alerion_wp/frontpage/utility/img2.png" alt="image" />
[span class="rt-map-pins hidden-phone"]
[pin top="-30px" left="-50px"]1[/pin]
[pin top="60px" left="60px"]2[/pin]
[pin top="50px" left="-335px"]3[/pin]
[/span]
Here is a breakdown of options changes you will want to make to match the demo.
fp-utility-a
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.
The following should be entered in the main text field.
[eventlocation no="2" name="/TECHNOEVENT" place1="East 27 Street and Campus Road," place2="Brooklyn, NY 11210" date1="Monday, April 1, 2013 at 1:00 PM" date2="Tuesday, April 30, 2013 at 4:00 PM"][/eventlocation]
Here is a breakdown of options changes you will want to make to match the demo.
Location[span class="hidden-tablet"] Detail[/span]
.jagged fp-utility-b
.