Empowering Web Creativity
Support Center - EasyRotator for WordPress
EasyRotator KnowledgeBase – Setting Rotator Alignment
Basic Alignment (Left, Right or Center) with EasyRotator for WordPress
With EasyRotator for WordPress, rotators are centered by default. To set left or right alignment, you will need to modify the
[easyrotator] shortcode in your post or page's text, adding an
Basic Alignment (Left, Right or Center) with EasyRotator for Dreamweaver / Standalone
With EasyRotator for Dreamweaver, rotators are left-aligned by default. To set center or right alignment, you will need to wrap the rotator's HTML code block in a
<div> tag like this:
<div align="center"> <!-- Begin DWUser_EasyRotator --> ...existing EasyRotator HTML code block is here... <!-- End DWUser_EasyRotator --> </div>
<div align="right"> <!-- Begin DWUser_EasyRotator --> ...existing EasyRotator HTML code block is here... <!-- End DWUser_EasyRotator --> </div>
Wrapping Text Around a Rotator (WordPress and Dreamweaver / Standalone)
To flow text around a rotator, you will need to wrap your rotator code in a
<div> that is floated. If you're not familiar with CSS floats, you can get up to speed with these two articles: CSS Floats 101 and The Mystery of the CSS Float Property (or go even deeper with Floatutorial: Step by Step CSS Float Tutorial).
Here's an example of the code you might use to position a rotator on the right with text flowing around it:
<div style="float: right; padding: 10px; width: 400px; height: 300px;"> ...EasyRotator shortcode or HTML code block is here... </div>
The important thing to note is that the
height values must be specified for the wrapper div, and they must match the dimensions of the rotator. You can adjust (or remove) the padding property if desired.
Modifying Widget Alignment with EasyRotator for WordPress
If you're using EasyRotator for WordPress and want to modify the alignment of rotator widgets, see this article.
If you have any questions about this article or about using EasyRotator for WordPress, please let us know by opening a support ticket below.