Jump to content

Changing paragraph style in accordion blocks.

Recommended Posts

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
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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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! 

 

 

 

 

 

 

 

Screen Shot 2022-07-27 at 11.56.20 AM.png

Link to comment
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! 

 

 

 

 

 

 

 

Screen Shot 2022-07-27 at 11.56.20 AM.png

Can you share the link that directs to this block?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@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
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.