kmdesign Posted July 26, 2022 Share Posted July 26, 2022 Hello. Is there is a way to switch from the default p2 paragraph style in the accordion block to either p1 or p3? I'm using the p2 style at a reduced line-height for lists need to use p1 for paragraphs. Thank you to anyone who can help! Link to comment
Beyondspace Posted July 27, 2022 Share Posted July 27, 2022 6 hours ago, kmdesign said: Hello. Is there is a way to switch from the default p2 paragraph style in the accordion block to either p1 or p3? I'm using the p2 style at a reduced line-height for lists need to use p1 for paragraphs. Thank you to anyone who can help! Can you share your site with the protected password so we can take a look? kmdesign 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kmdesign Posted July 27, 2022 Author Share Posted July 27, 2022 11 hours ago, bangank36 said: Can you share your site with the protected password so we can take a look? Hi, Thanks so much! the site is: https://wolverine-chimes-ay54.squarespace.com/ pswd: MANIFESTO The original problem was that I needed to use some CSS to reduce the line height on one paragraph style. I found the code below in this forum and it successfully adjusted the line height for Paragraph 2, so that I can use it for lists where needed. p:not(.sqsrte-large):not(.sqsrte-small) { line-height: 10px !important; } The problem is, it seems like SS uses P2 as a default paragraph style for accordions (and other areas) and I can't find a way to change it so my accordions (FAQ page in footer) look like this - see screenshot. I would be open to any possible solution 1) Line-height code for P3 style (or can I use monospace for this?) or 2) A way to change the paragraph style to P1 or P3 in accordions (although the above solution may offer more flexibility moving forward. Thanks so much for you help! Link to comment
Beyondspace Posted July 27, 2022 Share Posted July 27, 2022 7 hours ago, kmdesign said: Hi, Thanks so much! the site is: https://wolverine-chimes-ay54.squarespace.com/ pswd: MANIFESTO The original problem was that I needed to use some CSS to reduce the line height on one paragraph style. I found the code below in this forum and it successfully adjusted the line height for Paragraph 2, so that I can use it for lists where needed. p:not(.sqsrte-large):not(.sqsrte-small) { line-height: 10px !important; } The problem is, it seems like SS uses P2 as a default paragraph style for accordions (and other areas) and I can't find a way to change it so my accordions (FAQ page in footer) look like this - see screenshot. I would be open to any possible solution 1) Line-height code for P3 style (or can I use monospace for this?) or 2) A way to change the paragraph style to P1 or P3 in accordions (although the above solution may offer more flexibility moving forward. Thanks so much for you help! Can you share the link that directs to this block? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kmdesign Posted July 28, 2022 Author Share Posted July 28, 2022 I'm using the reduced line height text here https://wolverine-chimes-ay54.squarespace.com/boars/manifesto (see screenshot) and the accordions which also default to P2 are here: https://wolverine-chimes-ay54.squarespace.com/faq Thanks for your help! Link to comment
kmdesign Posted July 29, 2022 Author Share Posted July 29, 2022 @bangank36 Any ideas here? If it's possible to adjust the line-height of monospace that would be a solution - here's some css I tried, the line-height is adjusted, BUT the size of the font is probably 12 points. You can view on this page: https://wolverine-chimes-ay54.squarespace.com/boars/manifesto /* monospace */ pre { font-family: karla !important; font-size: 20px !important; margin-bottom: 4px !important; margin-top: 0px !important; line-height: 10px !important; display: flex; } Link to comment
tuanphan Posted July 31, 2022 Share Posted July 31, 2022 On 7/30/2022 at 12:09 AM, kmdesign said: @bangank36 Any ideas here? If it's possible to adjust the line-height of monospace that would be a solution - here's some css I tried, the line-height is adjusted, BUT the size of the font is probably 12 points. You can view on this page: https://wolverine-chimes-ay54.squarespace.com/boars/manifesto /* monospace */ pre { font-family: karla !important; font-size: 20px !important; margin-bottom: 4px !important; margin-top: 0px !important; line-height: 10px !important; display: flex; } Try pre code { font-size: 12px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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