Amazon Product in a Post Plugin
[resolved] shortcode price color (3 posts)

  1. shai9560
    Posted 3 years ago #

    why the color price is not red when i am using those shortcodes:
    [amazon-element asin="B00568B37U" fields="new-price"]
    [amazon-element asin="B00568B37U" fields="title,sm-image,large-image-link,new-price,button" msg_instock="in Stock" msg_outofstock="no more left!"]

    link: http://www.thespirulinabenefits.com/spirulinaproductreviews/product-review-for-the-febico-naturland-organic-spirulina-chlorella-tablets/

    as opposed to using the basic shortcode:
    [AMAZONPRODUCTS asin="B0084IG8TM"]
    that will show price in red color?


  2. Don Fischer
    Plugin Author

    Posted 3 years ago #

    The reason is the AMAZONPRODUCTS shortcode already has a default style set for the price. If you want to color the price using the amazon-element shortcode, you will need to add a style to your default styles in the options like so:


    if you want the label a color too, you can style that as well using .label-new-price.

    Label classes all start with label- and then the label field name. Field classes all start with amazon-element- and then the field name (or use amazon-elements- if using amazon-elements shortcode) .

    For example, if you want to style the sm-image to add anything special to the image itself (like a border), you would add a style like so:

    .amazon-element-sm-image{border: 1px solid #eaeaea;}

    We provide the basic styles for the default shortcode, but the theme has a LOT to do with the look, so any additional styles are up to the user. In the future, we plan to add a style feature to help the user without CSS knowledge.

    Warm regards,

  3. shai9560
    Posted 3 years ago #

    perfect! thank u very much

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Amazon Product in a Post Plugin
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic