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!
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
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_
If you find a post helpful and feel like rewarding my effort with the price of a beer, please donate here