Jump to content

PastaRodriguez

Member
  • Posts

    4
  • Joined

  • Last visited

Posts posted by PastaRodriguez

  1. Site URL: http://hamsub.club

    Hello,
    I am trying to style the SELECT SIZE dropdown menu on my Product Detail pages. I have the text and arrow styled how I want, however I am unable to:

    1. Center the arrow vertically in the white box
    2. Have SELECT SIZE display properly without getting cut off on mobile. This would probably involve making the box wider, but when I try to do so, the box expands to the left instead of to the right.

    Any help would be greatly appreciated.

    https://www.hamsub.club/deli/p/test-1
    pw: abc123

    Thank you

  2. @tuanphan Quick View is enable, but I currently have this code altering it:
     

    span.sqs-product-quick-view-button {
        visibility: hidden;
    }
    span.sqs-product-quick-view-button:after {
      visibility: visible;
      content: "QUICK VIEW";
      background: #FFD600;
      font-family: 'Futura';
      font-weight: 800;
      color: #EA0029;
      padding: 10px 20px;
      border-radius: 5px;
    }

    Just to be clear, I'm referring to the 3 products on the home page. I can remove this code if you need me to. With the above code I'm able to style it how I want, but doing so shifted the button off-center.

    Screen Shot 2021-06-12 at 12.26.16 PM.png

×
×
  • 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.