WordPress.org

1. andrewevans001
   Member
   Posted 8 months ago #
   

   Hi there,

   I've read both the topics on here already about this but they sound like they are in a different language to me :( Apologies for being simple but could I please get a simple, step by step guide to get the text wrapping around the ad (aligned to the left preferably) instead of leaving a huge blank space.

   Thanks so much, it is really appreciated.

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

2. mdbitz
   Member
   Plugin Author
   Posted 8 months ago #
   

   Hi as outlined in the other forum posts there are a few ways you could make the ads align left.

   Option 1 )

   Wrap the short code in a DIV tag that has it's style set to float:left. To do so insert the product ad into the content via the quick links or amazon tinymce button. After it is inserted switch to the HTML view and wrap the shortcode in the following code.

   <div style="float:left;">[amazon-enhanced ...] ... [/amazon-enhanced]</div>

   Option 2 )

   Define a CSS Class that you use to float an object within your themes css. Apply this class to the ad using the container_class property as shown below (in this example the class defined is float-left).

   [amazon_image id="B003P2WO5E" target="_blank" size="Medium" link="true" container="div" container_class="float-left" ]The Way of Kings (The Stormlight Archive)[/amazon_image]

   Option 3)

   Set the container_style property of the shortcode to apply the css style to the generated container object. I notice i didn't add this property to the various ui screens and will do so for future release.

   [amazon_image id="B003P2WO5E" target="_blank" size="Medium" link="true" container="div" container_style="float:left;" ]The Way of Kings (The Stormlight Archive)[/amazon_image]

   Upon review it might be

3. andrewevans001
   Member
   Posted 7 months ago #
   

   Hi there,

   Thanks so much for getting back to me.

   I've contacted the guys that run my wordpress theme to find out what my current CSS class is to float left and was told that it was 'alignleft'.

   However when I enter this as the container class into the plugin it doesn't work and i'm left with a large gap as before.

   Do you know why this might be the case? I'm happy to DM you my log in if you need to look at the coding of anything. Frustrating as I really want to start using this great plugin.

   Andrew

Reply

You must log in to post.