DWUser.com

Empowering Web Creativity

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 align attribute:

[easyrotator align="left"]erc_11_xxxxxx[/easyrotator]

Or:

[easyrotator align="right"]erc_11_xxxxxx[/easyrotator]

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>

Or:

<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)

Float example

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 width and 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.

We're Here to Help!

If you have any questions about this article or about using EasyRotator for WordPress, please let us know by opening a support ticket below.

 
Log In
  Reset Password...
 
Why create an account?
  • Manage support tickets and purchases
  • Access to free extensions
  • Special discounts and offers
  • Access to member-only forums
Create Account
100% Spam-Free Guarantee
(Optional)
 

Use the following form to ask a question or submit a support request. An appropriate staff member will reply as soon as possible (usually within a few hours).
Contact Us / Create Support Ticket
 
To attach files, you must Sign Up or Log In.

You have no items in your basket.  Featured products:

XML Flash Slideshow v4 Flash Audio Kit for Dreamweaver

Home | Customer Satisfaction / Refund Policy | Privacy Policy | jQuery Slider | Top of Page

© 2003-2014 DWUser.com / Magnetic Marketing Corp.  All rights reserved.