LannaW

I made a few changes to the CSS of amazon-product-in-a-post.php. See below:

/*version 1.7*/
table.amazon-product-table {
     border-collapse : collapse;
     border : none 0 !important ;
     width : 100%;
}
table.amazon-product-table td {
     border : none 0 !important ;
     padding : 0 !important ;
}
div.amazon-image-wrapper {
     padding-right: 10px;
     text-align : center;
     float : left;
}
table.amazon-product-table hr {
     float: left;
     display : block;
}
span.amazon-tiny {
     font-size : 10px;
}
div.amazon-buying {
     text-align : left;
}
h2.amazon-asin-title {
     margin : 0;
     padding: 0px;
     line-height : 1.25;
     font-size : 10pt;
     width : 100%;
}
span.asin-title {
     text-align : left;
}
span.amazon-author {
     color : #333;
     font-size : 12px;
}
span.amazon-starring-label {
     color : #999;
     font-size : 12px;
     padding-left: 10px;
}
span.amazon-director-label {
     color : #999;
     font-size : 12px;
     padding-left: 10px;
}
span.amazon-rating-label {
     color : #999;
     font-size : 12px;
     padding-left: 10px;
}
span.amazon-starring {
     color : #333;
     font-size : 12px;
}
span.amazon-director {
     color : #333;
     font-size : 12px;
}
span.amazon-rating {
     color : #333;
     font-size : 12px;
}
table.amazon-product-price {
     border-collapse : collapse;
     border : none 0;
     padding : 0 !important ;
}
table.amazon-product-price a img.amazon-image {
     background-color : transparent !important ;
     border : none 0 !important ;
}
span.amazon-post-text {
     text-align : left;
     padding : 0 !important ;
}
span.amazon-list-price-label {
     font-size : 12px;
     color : #333;
     text-align : left;
     width : 10%;
     padding-left: 10px;
}
span.amazon-list-price {
     width : 90%;
     text-decoration : line-through;
     text-align : left;
}
span.amazon-price-label {
     font-size : 12px;
     color : #333;
     text-align : left;
     width : 10%;
     padding-left: 10px;
}
span.amazon-price {
     font-size : 12px;
     color : #800000;
     font-weight : bold;
     text-align : left;
}
span.amazon-new-label {
     font-size : 12px;
     color : #333;
     text-align : left;
     width : 10%;
     padding-left: 10px;
}
span.amazon-new {
     font-size : 12px;
     color : #800000;
     text-align : left;
     font-weight : bold;
}
span.amazon-used-label {
     font-size : 12px;
     color : #333;
     text-align : left;
     width : 10%;
     padding-left: 10px;
}
span.amazon-used {
     color : #333;
     text-align : left;
}
div.amazon-dates {
     padding : 0 !important ;
     text-align : left;
}
div.amazon-dates span.amazon-preorder {
     font-weight : bold;
     color : #d16601;
     text-align : left;
}
div.amazon-dates span.amazon-release-date {
     font-size : 12px;
     color : #333;
     text-align : left;
     padding-left: 10px;
}
span.instock {
     font-size : 8pt;
     color : #008000;
}
span.outofstock {
     font-size : 8pt;
     color : #800000;
}
div.appip-multi-divider {
     margin : 10px 0;
}

After tried and error with the CSS of amazon-product-in-a-post.php, I solved this issue that was appeared in IE. Now everything works fine there. Cheers!

Hi Kristen,
I had the same problem like you at the beginning. It took me a couple of days to solve that problem. Actually that is a problem that comes from Amazon. Even after I signed up a new account with Amazon web services, it didn’t work. Then I searched and kept searching and found out that I have to go through this link:
https://associates-amazon.s3.amazonaws.com/scratchpad/index.html
Make sure you go over and follow its introduction.

Then you need to login here: https://affiliate-program.amazon.com/gp/flex/advertising/api/sign-in.html

After that everything works for me. Hope this can help you out too.

Thank you so much for your reply. I re-organized those tables in this file: amazon-product-in-a-post.php. After that it seems okay showing with IE but my website still has little problem. That is when my mouse hove over the sub-title that was retrieved from Amazon, the whole thing will shift down as before. Any idea why this happens?

@alchymyth
Thanks so much for your code that I would be able to add an image to Settings/Discussion through functions.php for this site: https://www.mywebdesigncenter.com/blog

I am using Constructor Default theme in this site: https://www.onlineactionfigure.com. I have similar problem too. My favicon showed up good at both IE and FF the first time. Then I changed it to be a different color. No matter what I did, it just does not show up the changed one. It is still not working correctly. I don’t know what to do any more… Any advice?