Jump to content

Variant drop down arrow size too large

Recommended Posts

On 7/16/2021 at 6:39 AM, KerryCrawford said:

Trying to find a way to reduce the size of the arrow icons in the product variant drop down menus. Thanks in advance for any help in trying to figure out! 




Hi. Can you share link to product in screenshot? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...

There probably wasn't an answer because no one provided a URL to a product page with variants. Although many of the elements of SS are the same, because SS allows you to add custom code it is critical that folks asking questions provide the URL to the page they are having issues on. That way we can provide the best answer possible, instead of guessing at an answer.

You can try the following. Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.


  .product-details .variant-select-wrapper::after {
    --size : 0.5rem;
    height : var( --size );
    width : var( --size );
    transform-origin : bottom;

This is for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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