Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Vivian

Member
  • Posts

    3
  • Joined

  • Last visited

Everything posted by Vivian

  1. Thank you Paul for your response. I have attached the picture of an item in the store which shows the price, description and, under description has 3 images that describes dietary information about the food item (this is only an example). The food item could have one, two, three or more of these dietary logos depending on the food. This is what I am trying to do, to be able to show more than one image (dietary logo) under product description on a product Detail. Is it possible? site URL: https://www.theflavorcorner.com/ password: trialsite Thank you for your help. Vivian.
  2. Hi Paul, Thank you for your code. I tried it and it worked for the first image. When I add the code a second time and use another image it replaces the first one. It does not show it on the side. The first one does not show at all. Below is what I added in custom CSS. How can I get to display the images side by side. Thank you very much for your help. Vivian /* add image to product item */ .tag-low-carb .ProductItem-details-excerpt:after { display: block; content: ""; height: 40px; margin-top: 1px; margin-left: 1px; background: url(https://static1.squarespace.com/static/5edfe6229a31511d0d685cad/t/5ef2c376a364a75fff306ba2/1592968054159/Low+Carb.JPGhttps://static1.squarespace.com/static/5edfe6229a31511d0d685cad/t/5ef2c376a364a75fff306ba2/1592968054159/Low+Carb.JPG); background-size: contain; background-repeat: no-repeat; } .tag-gluten-free .ProductItem-details-excerpt:after { display: block; content: ""; height: 40px; margin-top: 1px; margin-left: 100px; background: url(https://static1.squarespace.com/static/5edfe6229a31511d0d685cad/t/5ef2c41a2b1e9a74dc9155d8/1592968218994/Gluten+Free.JPGhttps://static1.squarespace.com/static/5edfe6229a31511d0d685cad/t/5ef2c41a2b1e9a74dc9155d8/1592968218994/Gluten+Free.JPG); background-size: contain; background-repeat: no-repeat; }
×
×
  • Create New...