Your Guide to Recreating Elements of the Cygnet 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-effect-slide rt-effect-slide-top"> <img alt="image" src="http://demo.rockettheme.com/live/wordpress/cygnet/wp-content/rockettheme/rt_cygnet_wp/home/fp-sidebar/img-01.jpg"> <div class="rt-effect-slide-content"> <h2 class="rt-uppercase"><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/features-overview/">Responsive</a></h2> <p><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/features-overview/">Adapts to any devices</a></p> </div> </div> <div class="rt-effect-slide rt-effect-slide-top"> <img alt="image" src="http://demo.rockettheme.com/live/wordpress/cygnet/wp-content/rockettheme/rt_cygnet_wp/home/fp-sidebar/img-02.jpg"> <div class="rt-effect-slide-content"> <h2 class="rt-uppercase"><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/typography/">Typography</a></h2> <p><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/typography/">Individualize <span class="hidden-tablet">your</span> content</a></p> </div> </div> <div class="rt-effect-slide rt-effect-slide-top"> <img alt="image" src="http://demo.rockettheme.com/live/wordpress/cygnet/wp-content/rockettheme/rt_cygnet_wp/home/fp-sidebar/img-03.jpg"> <div class="rt-effect-slide-content"> <h2 class="rt-uppercase"><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/features-overview/">Presets</a></h2> <p><a class="fp-demo-url" href="http://demo.rockettheme.com/live/wordpress/cygnet/features-overview/">Six elegant styles</a></p> </div> </div>
Here is a breakdown of options changes you will want to make to match the demo.
fp-sidebar wow fadeIn
Leaving everything else at its default setting, select Save.