WordPress.org

Ready to get started?Download WordPress

Forums

Amazon Product in a Post Plugin
[resolved] [Plugin: Amazon Product In a Post Plugin] Result Doesn't Show Right With IE (7 posts)

  1. LannaW
    Member
    Posted 1 year 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 1 year ago #

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

    Don Fischer

  3. LannaW
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

    Thanks LannaW!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic