Jump to content

plantshop203

Member
 View Profile  See their activity

  • Posts

    23

  • Joined

  • Last visited

plantshop203's Achievements

Level 4

Level 4 (4/20)

  • Conversation Starter Rare
  • Dedicated Contributor Rare
  • Circle Community Advocate Rare

Recent Badges

3

Reputation

  1. plantshop203
    Thanks @tuanphan!!! Worked great.
  2. plantshop203
    @tuanphan listing page! see screenshot with red circle
  3. plantshop203
    hi @tuanphan I turned on the sale price for this product. Thank you!
  4. plantshop203
    @tuanphan theoldyew.com/shop
  5. plantshop203
    Hi @tuanphan, this code isn't working for my site. It changes all the price colors. Is there another CSS target?
  6. plantshop203
    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.
  7.    yh3 reacted to a post in a topic: Hover Effect for Product Images in Shop Pages
  8.    creedon reacted to a post in a topic: Hover Effect for Product Images in Shop Pages
  9. plantshop203
    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; }
  10. plantshop203
    Thank you!
  11. plantshop203
    Sure!
  12. plantshop203
    @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
  13. plantshop203
    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
  14. plantshop203
    THANK YOU! Worked like a charm.
  15. plantshop203
    Thank you for taking a look! It is still left-justified on mobile. See attached...
  16. plantshop203
    I would also love to know how to do this! https://www.theoldyew.com/shop/rare-plants
  17. plantshop203
    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.

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources