Your Guide to Recreating Elements of the Sirocco Theme for WordPress
Here is the widget breakdown for the Sidebar 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="rt-sidebar-item"> <h2 class="title rt-uppercase">Impressive Selection of Icons</h2> <div class="boldfont">FontAwesome</div> <hr /> <img src="http://demo.rockettheme.com/live/wordpress/sirocco/wp-content/rockettheme/rt_sirocco_wp/home/fp-sidebar/img-01.jpg" alt="" /> <div><span class="rt-title-tag">Extra</span></div> </div> <div class="rt-sidebar-item"> <h2 class="title rt-uppercase">Responsive Multi-Media Modals</h2> <div class="boldfont">RokBox</div> <hr /> <img src="http://demo.rockettheme.com/live/wordpress/sirocco/wp-content/rockettheme/rt_sirocco_wp/home/fp-sidebar/img-02.jpg" alt="" /> <div><span class="rt-title-tag">System Plugin</span></div> </div> <div class="rt-sidebar-item"> <h2 class="title rt-uppercase">Simple Macros to Complex HTML</h2> <div class="boldfont">Shortcodes</div> <hr /> <img src="http://demo.rockettheme.com/live/wordpress/sirocco/wp-content/rockettheme/rt_sirocco_wp/home/fp-sidebar/img-03.jpg" alt="" /> <div><span class="rt-title-tag">WP Core</span></div> </div>
Here is a breakdown of options changes you will want to make to match the demo.
fp-sidebar hidden-phone
Leaving everything else at its default setting, select Save.