Jump to content

plantshop203

Member
  • Posts

    23
  • Joined

  • Last visited

Everything posted by plantshop203

  1. Thanks @tuanphan!!! Worked great.
  2. @tuanphan listing page! see screenshot with red circle
  3. hi @tuanphan I turned on the sale price for this product. Thank you!
  4. Hi @tuanphan, this code isn't working for my site. It changes all the price colors. Is there another CSS target?
  5. Hi @paul2009. I am using your code to tag products that ship free (theoldyew.com/shop) and loving it. My question is: is it possible to have multiple of these tags? Say, "free shipping", "50% off" and "great gift!" all at once? I haven't been able to make more than one work at once.
  6. I was able to figure it out! For anyone who wants to do something like this, here's the code I used: //product hover border .grid-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); } .grid-item { padding: 7px; }
  7. @tuanphan ok... update here: Using this code I have created the desired effect: .post-type-store-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; border: 1px solid #bcbec0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); box-shadow: 4px 4px 4px -4px rgba(0,0,0,0.75); } .post-type-store-item { padding: 7px; } See the first photo. The hover effect works great on the product list pages, but I am having a code issue on the product detail pages. See the second image. Any way to stop this from happening? https://pear-keyboard-jh2w.squarespace.com/shop/p/succulent-rock-garden
  8. Hi – this code looks great but when added, it removes the link from each of the products. So the border hover effect happens, but the products are not clickable. Is there a fix for this? site: theoldyew.com
  9. Thank you for taking a look! It is still left-justified on mobile. See attached...
  10. I would also love to know how to do this! https://www.theoldyew.com/shop/rare-plants
  11. Hi, unfortunately the category title is still staying left-justified even with the below code inserted on my site: https://www.theoldyew.com/shop/rare-plants Would love any help you can offer! Thank you /* align shop title */ @media screen and (max-width:767px) { h2.nested-category-title { text-align: center !important; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.