Image Size extra settings not working

Hi Paul,
It would be really great if you were able to help me resolve this issue, whenever you get the chance. Thanks very much!

Hi,

Can you tell me which version of Amazon Link Plugin and what version of Amazon Link Extra – Images plugin you are using?

Cheers,

Paul

Sure, Amazon Link Plugin: Version 3.2.4

Amazon Link Extra: Version 1.2.2

Many thanks

That should be fine,

What shortcode are you using, can you post it here?

Paul

Hello,

Ok I actually did get the image to resize, but now there is a large area of white space above the picture. If I insert multiple search results, a large white space appears in between each. I am using a customized template. Here’s the shortcode:

[amazon template=new template&asin=B001KMSWCK][amazon template=new template&asin=B003UASV0I][amazon template=new template&asin=B00DHLACRK]

Would a link to the preview help? Also, I can get the description and link to aligncenter but not the image.

Hi,

Have to admit CSS is not one of my strengths! However a link to the page might be useful to see what’s going on, especially as the choice of theme can drastically change how things look.

I know that centre alignment for images is particularly difficult.

Paul

Thanks for taking a look. Link active for 48 hours:

https://www.recyclescene.com/?p=16180&preview=1&_ppp=a277e9c628

Hi,

I see what has happened, in your template you have set the height and width of Amazon’s ‘impression tracking’ image to 450×450 and this is messing with the layout:

<img src="https://www.assoc-amazon.com/e/ir?t=recycl05-20&l=as2&o=1&a=B001KMSWCK" width="450" height="450" border="0" alt="" style="border:none !important; margin:0px !important;" aligncenter />

These need to be:

width="1" height="1"

Or if you don’t care about impression tracking remove that whole img element.

Also note that the aligncenter class is not quite right for the main image, on your page it is showing as:

class="%IMAGE_CLASS aligncenter%"

It needs to be as follows in your template:

class="%IMAGE_CLASS% aligncenter"

That should fix the layout,

Good luck with your site!

Paul

Thank you so much! That totally worked! Now the formatting looks great. The last piece is figuring out where to edit the margin between the added items and the dotted line in between. I looked at the css file and my changes didn’t seem to work. When I go to Editing amazon-link/include/form.css, it says (inactive) and I’m not sure if that’s why.

Any ideas why editing the CSS doesn’t remove the dashes between products?

Hi,

You need to edit the file: amazon-link/Amazon.css.

Alternatively you can install your own style sheet in wp-content/plugins/user-styles.css and install the ‘Amazon Extra Styles’ plugin to make the plugin pick it up.

This ensures that if you upgrade the plugin your edits are not lost.

Paul