-
Posts
527 -
Joined
-
Last visited
-
Days Won
6
Lesum last won the day on September 24 2023
Lesum had the most liked content!
Personal Information
-
Location
Minneapolis, MN
Recent Profile Visitors
2,498 profile views
Lesum's Achievements
-
smilebeard reacted to a post in a topic: Animated type & delete typewriter text custom code
-
ndc2024 reacted to a post in a topic: Animated type & delete typewriter text custom code
-
Ryan87345 reacted to a post in a topic: Button Color Not Responding to Style Changes
-
Ryan87345 reacted to a post in a topic: Button Color Not Responding to Style Changes
-
couper37 reacted to a post in a topic: 7.1 Social media icons - change hover colour / Footer custom css query / Button hover css
-
nbd1570048695 reacted to a post in a topic: Need Help Targeting CSS for Specific Product - Not All Product Detail Pages
-
LupeSerrano reacted to a post in a topic: Decreasing button font-size on mobile
-
Lesum reacted to a post in a topic: Changing Weight of Site Header Button
-
@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; }
-
@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; } }
-
Piebie reacted to a post in a topic: How can I hide or tweak a vertical line in the mobile version?
-
DV2 reacted to a post in a topic: Button Color Not Responding to Style Changes
-
LeauxFi reacted to a post in a topic: Newsletter Block Custom Form Font
-
Increase size of 'You might also like' on product page
Lesum replied to niteshifte's topic in Fonts, colors and images
@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. -
Add a second logo to header (for dark and light backgrounds)
Lesum replied to FilippaMorner's topic in Customize with code
@FilippaMorner Would it be possible to share your site's URL so I can take a look? Thanks! -
Lesum reacted to a post in a topic: Product Page Mobile VARIANT BUTTONS
-
@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; }
- 2 replies
-
- form
- form-block
-
(and 1 more)
Tagged with:
-
@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; }
-
@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.
-
@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.
- 4 replies
-
- font
- code-injection
-
(and 2 more)
Tagged with:
-
Lesum reacted to a post in a topic: Need Help Targeting CSS for Specific Product - Not All Product Detail Pages
-
accordion How to change accordion padding
Lesum replied to champagnecoffee's topic in Customize with code
@champagnecoffee You can add this code snippet within the Custom CSS panel: .sqs-block-accordion .accordion-item__description { max-width: 100% !important; } -
How To: Remove 'faint opacity color' when hovering over a button
Lesum replied to keptfrozen's topic in Customize with code
@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 -
@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!
-
Lesum reacted to a post in a topic: Changing SOLD OUT to EARLY BIRD! in shop
-
Lesum reacted to a post in a topic: How to align newsletter to center on mobile only?
-
How to align newsletter to center on mobile only?
Lesum replied to Emir's topic in Customize with code
@Emir Thanks! You mentioned to align newsletter to the right in your initial post 🙂.- 6 replies
-
- alignment
- newsletter-block
-
(and 3 more)
Tagged with:
-
How to align newsletter to center on mobile only?
Lesum replied to Emir's topic in Customize with code
@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; } }- 6 replies
-
- alignment
- newsletter-block
-
(and 3 more)
Tagged with: