jdillagodzilla Posted May 1, 2021 Share Posted May 1, 2021 Hi there – looking to update color and font style of "1 AVAILABLE" but can't seem to find how to target it. https://tuna-ladybug-3hgy.squarespace.com/cart pass: brineintopedro Link to comment
Solution paul2009 Posted May 1, 2021 Solution Share Posted May 1, 2021 (edited) On 5/1/2021 at 2:47 PM, jdillagodzilla said: looking to update color and font style of "1 AVAILABLE" on the cart page Unfortunately, Squarespace recently changed all the cart selectors, giving them almost 'random' classes that make no sense. For the time being (further changes to the cart are planned!), the limited availability label has the class "_2-zpFeg7a", so you can style it by adding this to Design > Custom CSS: [Updated: class changed from _2-zpFeg7a to cart-row-qty-alert] .cart-row-qty-alert { color: black!important; font-size: 12px!important; } This won't take effect immediately. You'll need to save the changes and then refresh the page (Cmd-R or F5) before you'll see the changes. Did this help? Please give feedback by clicking an icon below ⬇️ Edited November 11 by paul2009 class changes jdillagodzilla 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
LuxLux Posted November 11 Share Posted November 11 Hi Paul, Do you know if this class has been updated and what to? The CSS no longer works. Cheers! Link to comment
creedon Posted November 11 Share Posted November 11 9 minutes ago, LuxLux said: Do you know if this class has been updated and what to? Yes it has been updated. Try the selector .cart-row-qty-alert 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
LuxLux Posted November 11 Share Posted November 11 Thanks a lot Creedon. Confirming the following snippet with the updated class works correctly: .cart-row-qty-alert { color: #fff!important; font-size: 12px!important; } creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment