-
Posts
49 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Toronto, Canada
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
NadineS's Achievements
-
NadineS changed their profile photo
-
NadineS reacted to a post in a topic: Change products in column on shop page from 4 to 5 (or 6)?
-
potenzanana reacted to a post in a topic: Limit the number of related products
-
Why can't I add courses to my Squarespace storefront?
NadineS replied to KimmyBartle's topic in Paywalls and digital products
Shoot. I was thinking of using "courses" for my Squarespace template shop. I guess it's back to the drawing board. I'd love to be able to have multiple "courses" that are filterable the way products are. -
Same question ish. On Desktop: How to get 5 items across with smaller images? Mobile: 4 recommended items on mobile but have them 2 across and 2 down? In a grid? https://www.hausersjewelers.com/shop/p/square-hoop-earrings
-
Hey SS friends, I'm trying to get my header button to be a gradient the same way as my body fonts. https://matthewhooks.squarespace.com/ pw: hooks Any ideas why the following code doesn't work? /* Flipped Diagonal Three-Stage Gradient for Body Buttons */ .sqs-block-button-element, { background: #007991; background: -webkit-linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); } .sqs-block-button-element:hover{ background: #007991; background: -webkit-linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); } /* Flipped Diagonal Three-Stage Gradient for Header Button */ .header-actions-action--cta { background: #007991; background: -webkit-linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); } .header-actions-action--cta:hover { background: #007991; background: -webkit-linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); }
-
Reduce margin/padding between arrows on List Section
NadineS replied to NadineS's topic in Site Design & Styles
Never mind! It was indeed just the vertical space. Easy to fix. Thanks! -
tuanphan reacted to a post in a topic: Align 'Read More' buttons in Summary Block
-
@tuanphan Similar question... How do I change the drop down menu under 'About' to be the dark blue #001840? Site: https://vocalcombattechnique.squarespace.com/ Pw: battle Current code that I hack & slashed from above... /* Cart page - background color */ body#cart { background-color:#001840; } /* Cart page - font color */ body#cart .header-announcement-bar-wrapper * { color: white!important; } /* Cart page - change color of product and price */ body#cart div#sqs-cart-root *:not(.cart-checkout-button) { color: white !important; } body#cart .header-announcement-bar-wrapper .header-nav-folder-item * { background-color: #001840!important; padding: none; }
- 11 replies
-
Align 'Read More' buttons in Summary Block
NadineS replied to nickdjeremiah's topic in Customize with code
Thank you so much @tuanphan!!! -
NadineS reacted to a post in a topic: Align 'Read More' buttons in Summary Block
-
Anyone know how to remove the space between arrows when they're on the bottom of a List Section on the Carousel setting? https://antongill.squarespace.com/ pw: vopro
-
Align 'Read More' buttons in Summary Block
NadineS replied to nickdjeremiah's topic in Customize with code
Same question! https://antongill.squarespace.com/ pw: vopro /* BLOG READ MORE BUTTON */ a.blog-more-link { font-size: 0 !important; text-decoration: none !important; align-self: flex-end; } a.blog-more-link:after { content: "Read Now →"; font-size: 1rem !important; background-color: #00FFFF !important; padding: 18px 8px 18px 18px; border-radius: 25px; border: 1px solid #000; } a.blog-more-link:hover:after, a.blog-more-link:active:after { background-color: #000 !important; /* Button turns black */ color: #fff !important; /* Text turns white */ border-color: #fff !important; } -
NadineS reacted to a post in a topic: Rotate Scrolling Text Block
-
NadineS reacted to a post in a topic: Rotate Scrolling Text Block
-
NadineS reacted to a post in a topic: Rotate Scrolling Text Block
-
https://vocalcombattechnique.squarespace.com/ PW: combat Anyone know why this code isn't rotating my scrolling block? It did when I first added it, but now it's stopped working... /* ROTATE SCROLLING BLOCK */ #block-yui_3_17_2_1_1691344183651_96460 {transform: rotate(-4deg)}
-
artpilgrim reacted to a post in a topic: Problems with SS + iCloud Settings for Email Using Custom Domain
-
n4bil reacted to a post in a topic: Problems with SS + iCloud Settings for Email Using Custom Domain
-
Did this ever get published? I'd love to buy this plugin!
-
Problems with SS + iCloud Settings for Email Using Custom Domain
NadineS replied to texalot's topic in Customize with code
Following. Having the same issue. It's super frustrating. -
Background hover on navigation "bumping" items
NadineS replied to NadineS's topic in Customize with code
@Vicks Thank you so much! This worked perfectly. -
NadineS reacted to a post in a topic: Background hover on navigation "bumping" items
-
Background hover on navigation "bumping" items
NadineS replied to NadineS's topic in Customize with code
Thanks @Vicks Here's the live site: https://www.catherinebfogarty.com/ -
Hey SS Forum friends, I'm still pretty new to CSS, and am trying to add a hover effect to the navigation on this site, but what I've done adds a "bump" effect due to the padding I guess? Any ideas on how to eliminate this? I tried adding the border and padding stuff, but to no avail... :S /* Nav item color */ .header-nav-item a { border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; } /* Nav item hover color */ .header-nav-item a:hover { background-color: #D5B56E !important; border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; }