Back to top

Affiliate Link: Interested In a Useful Tables For Amazon Products and More? Check Out:

Amalinks Pro

Centering Amazon SiteStripe Image Within Post Content

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

When you want to add a sitestripe image into a post the code is provided from Amazon but many have issues since they can’t align it in the center.

Two methods are simple

Depending on your needs you can add a HTML block and append the code to package it and align it, or convert to a block and move the block around allowing you to inline the SiteStripe image.

Convert Code To Block

Sometimes you may want to add the image beside your typing and have the text wrap around it. Most the time people try to build out columns and all this extra configuration, What you can do instead is to add an HTML block. Insert your SiteStripe Code, then click the 3 dots and [ Convert to Block ]. Like this ===>

This conversion to a block allows you to align it to the left, center or right. This allows you to have longer text wrap around it but the link for the image still takes them to Amazon!

Converting HTML Block to a Image Block
Aligning that block to the right like in the example image above.

Wrap Code In A DIV

Wrapping content in a DIV is a nice and simple way to add code and allow you to center it in the post without hassle. Using the code below and then replacing the (ADD CODE HERE) with your SiteStripe code will center the image they deliver.

<div align="center">

    ADD SITESTRIPE CODE IN HERE BETWEEN THE DIV TAGS

</div>

Example of Image Loaded and Centered in DIV

Final Trick

Interested in the image they provide but it feels very small? You can adjust the image size by changing one variable inside the code they provide.

Find the _SL250_ and increase it by changing it to _SL275_ or _SL300_

_encoding=UTF8&ASIN=B07PJZ3681&Format=_SL250_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=acabado-20&language=en_US"

If you find a post helpful and feel like rewarding my effort with the price of a beer, please donate here

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content