WordPress.org

1. LannaW
   Member
   Posted 8 months ago #
   

   I am using Amazon Product in a Post Plugin 2.0.2. and WordPress 3.4.1 The result of a product retrieving from Amazon shows fine with Firefox but not with IE. I tried to fix it with CSS but with no luck. I don't know what else to do anymore. Any help will be appreciated.

   Oh my problem is at this page: http://www.onestoptoystore.com/little-tikes-easy-score-basketball-set.html

   http://wordpress.org/extend/plugins/amazon-product-in-a-post-plugin/

2. prophecy2040
   Member
   Plugin Author
   Posted 8 months ago #
   

   Lanna -
   Let me know if you are still having problems.

   Don Fischer

3. LannaW
   Member
   Posted 8 months ago #
   

   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?

4. LannaW
   Member
   Posted 6 months ago #
   

   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!

5. prophecy2040
   Member
   Plugin Author
   Posted 6 months ago #
   

   LannaW,
   Great!
   If you would not mind posting what change you made to the CSS, it might help others who have the same issues.

   Warm regards,
   Don

6. LannaW
   Member
   Posted 6 months ago #
   

   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;
   }

7. prophecy2040
   Member
   Plugin Author
   Posted 6 months ago #
   

   Thanks LannaW!

Reply

You must log in to post.