Jump to content

catherineamesbury

Member
  • Posts

    5
  • Joined

  • Last visited

Community Answers

  1. catherineamesbury's post in Make mobile product details page image carousel more obvious was marked as the answer   
    Update: Fixed it. For some reason my mobile browser didn't like the hex value with included alpha. Once I set that to a simple #FFFFFF it worked. So I googled and added the individual parameter for opacity which worked as well. I also decided to enable it on the desktop site for consistency.
    Thanks again!
    The code I landed on with regards to the arrows is:
    /* product image arrows */ @media screen{ .ProductItem-gallery .enable-on-first-image-load.enabled>button { background-color: #FFFFFF; opacity:0.5; } }  
×
×
  • 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.