Jump to content

Lesum

Circle Member
  • Posts

    527
  • Joined

  • Last visited

  • Days Won

    6

Lesum last won the day on September 24 2023

Lesum had the most liked content!

5 Followers

Personal Information

  • Location
    Minneapolis, MN

Recent Profile Visitors

2,498 profile views
  1. @Hundley1832 Hi, You should be able to customize the font of the header button under Edit > Site Styles > Fonts > Header Button If you can't find it, you can also try adding this code snippet within the Custom CSS panel: #siteWrapper .header-actions-action--cta .sqs-button-element--primary { font-weight: 600 !important; }
  2. @kickflipking You can try adding this code snippet within the Custom CSS panel: @media only screen and (max-width:767px) { .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(3, 1fr) !important; } }
  3. @niteshifte You can add this code snippet within the Custom CSS panel: .ProductItem .ProductItem-related-label { font-size: 1.8rem !important; } You can customize the font size by adjusting the '1.8rem' value in the code to fit your preferred size.
  4. @FilippaMorner Would it be possible to share your site's URL so I can take a look? Thanks!
  5. @Retrofit-Assist Would it be possible to share your site's URL so I can take a look? Thanks!
  6. @BriGuy Hi, You can try inserting this code snippet within the Custom CSS panel: #block-yui_3_17_2_1_1696181998507_113606.sqs-block.sqs-background-enabled { background-color: transparent !important; }
  7. @Venera It should have worked. Color code shouldn't be inside a quote. It should be like this: li.nested-category-breadcrumb-list-item:last-child a { color: #FF0000 !important; }
  8. @Venera You can add this code snippet within the Custom CSS panel: li.nested-category-breadcrumb-list-item:last-child a { color: 'color-code' !important; } Replace 'color-code' in the code with your desired color.
  9. @chynna You can add this code snippet within the Custom CSS panel: .pdp-layout .pdp-details .pdp-details-excerpt { font-family: 'font-name'; } Replace 'font-name' in the code with your desired font.
  10. @champagnecoffee You can add this code snippet within the Custom CSS panel: .sqs-block-accordion .accordion-item__description { max-width: 100% !important; }
  11. @keptfrozen You can add this code snippet within the Custom CSS panel to remove opacity on button hover: #siteWrapper.site-wrapper .sqs-block-button-element:hover, .sqs-button-element--primary:hover { opacity: 1 !important; } I'm not aware of any class system documentation specifically available for Circle members. You might find this blog post helpful: https://launchhubstudio.com/blog/squarespace-css-selectors
  12. @AlyssaIvonne Yes, it's achievable with custom scripting. To do this, you would require a business plan that allows you to integrate custom scripts.
  13. @knollgrind Each product details page has its own unique ID. The product page you shared has this ID: '#item-651a2f09e2260e38d2e5d5a5'. So, instead of using the section ID, if you use the product page ID, it would resolve the issue. I recommend using this Google Chrome extension to easily find these IDs on any page: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff After installing the extension, when you visit any product page, simply click on the extension icon, and it will display all the IDs. Then, you can click on the ID at the top left corner of the page to copy it and replace the section ID in your code. Let me know if you need assistance in locating the product page IDs. Thanks!
  14. @Emir Thanks! You mentioned to align newsletter to the right in your initial post 🙂.
  15. @Emir You can add this code snippet within the Custom CSS panel: @media only screen and (max-width: 767px) { .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form { text-align: right !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.