WordPress.org

Ready to get started?Download WordPress

Forums

WordPress-Amazon-Associate
[resolved] Amazon Enhanced to float to the left? (6 posts)

  1. GiraffeEars
    Member
    Posted 2 years ago #

    Hi i would like to know how to get the enhanced widget to float to the left of the text in a post thanks

    http://wordpress.org/extend/plugins/wordpress-amazon-associate/

  2. Matthew Denton
    Member
    Plugin Author

    Posted 2 years ago #

    Hi, Currently there is no easy way to float the enhanced ads. When I added the container and container_class property to the link and image Shortcodes I should have added it to the enhanced ads as well.

    I'll add this change into the 1.6.0 release that I hope to have wrapped up this coming week if all goes well.

    > Matthew

  3. Matthew Denton
    Member
    Plugin Author

    Posted 2 years ago #

    of course you could always wrap the enhanced ad in a floating div that would have the desired result:

    <div style="float:left;">[amazon_enhanced .../]</div>

  4. Matthew Denton
    Member
    Plugin Author

    Posted 2 years ago #

    Hi:

    Version 1.6.0 is now released that adds the attributes container and container_class to the amazon_enhanced Shortcode which can be used to float the enhanced ad.

  5. c0nn3ll
    Member
    Posted 2 years ago #

    Hi - thanks for that, this is exactly what I was trying to do.

    Forgive the noob question, but how do I use the container_class and class parameters to float the link to the left inlign with the text?

    An example would be hugely appreciated!

    Thanks!

  6. Matthew Denton
    Member
    Plugin Author

    Posted 2 years ago #

    [amazon_enhanced asin="B0032Z751C" ... container="div" /]

    Will output the enhanced ad wrapped in div tags

    <div>...</div>

    The container_class adds a css class to the container element for styling purposes

    [amazon_enhanced asin="B0032Z751C" container="div" container_class="float-left" /]

    This will modify the output to:
    <div class="float-left" >...</div>

    Of course for this to work you need to have the css class "float-left defined in your websites css.

    > Matthew

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic