MaesMarket Posted November 10, 2023 Posted November 10, 2023 (edited) Hello! I am trying to change the font of the categories type side panel to a custom font. I already added the font code and labeled it "med". I also would like to change to price to read "$9+" instead of "from $9.00". Lastly, I would like there to be padding above "sold out". Can you help with the CCS code? Here is the page: https://www.maesmarket.com/shop Edited November 10, 2023 by MaesMarket clarification
melody495 Posted November 10, 2023 Posted November 10, 2023 Hi, For the categories side panel, try the below .products-list .category-item .category-item a { font-family: 'med'; } For Sold Out padding .product-lists-item .product-mark.sold-out { margin-top: 10px; // adjust to the amount of space you need } For the $9.00+, could target using CSS, but I'm not sure if that's the best way to do it. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
MaesMarket Posted November 10, 2023 Author Posted November 10, 2023 (edited) @melody495 Thank you, the sold out padding worked PERFECTLY. Still having problems with side panel. I took screenshot of how I have entered into Custom CSS. Any ideas as to what I am doing wrong? Edited November 10, 2023 by MaesMarket
melody495 Posted November 10, 2023 Posted November 10, 2023 1 hour ago, MaesMarket said: @melody495 Thank you, the sold out padding worked PERFECTLY. Still having problems with side panel. I took screenshot of how I have entered into Custom CSS. Any ideas as to what I am doing wrong? Hi, copy my code above. It's font-family 'med', with the single quote. This is because that is how you've loaded the font. You could change your font code to just med instead of 'med', but they need to be used consistently. Hope that helps! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
MaesMarket Posted November 10, 2023 Author Posted November 10, 2023 4 hours ago, melody495 said: Hi, copy my code above. It's font-family 'med', with the single quote. This is because that is how you've loaded the font. You could change your font code to just med instead of 'med', but they need to be used consistently. Hope that helps! The font family is labeled med (no quotes or single quotes). I probably articulated this incorrectly in my original post, sorry for the confusion. I copied how I labeled the font family and also the code for the side panel, but its still not working.
MaesMarket Posted November 10, 2023 Author Posted November 10, 2023 20 minutes ago, MaesMarket said: The font family is labeled med (no quotes or single quotes). I probably articulated this incorrectly in my original post, sorry for the confusion. I copied how I labeled the font family and also the code for the side panel, but its still not working. okay, I have been trying different codes. I got the ALL to update but not the other categories type on the side panel with the last code. Any ideas knowing this?
Solution MaesMarket Posted November 11, 2023 Author Solution Posted November 11, 2023 7 hours ago, MaesMarket said: okay, I have been trying different codes. I got the ALL to update but not the other categories type on the side panel with the last code. Any ideas knowing this? I was able to figure it out 🙂 The code that worked for me: .products-list .category-item {font-family: med;} Thank you for your help!
melody495 Posted November 11, 2023 Posted November 11, 2023 15 hours ago, MaesMarket said: I was able to figure it out 🙂 The code that worked for me: .products-list .category-item {font-family: med;} Thank you for your help! 👍 You're welcome, glad you figured it out! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment