Jump to content

Including Header and Paragraph text in Accordion Block Description text?

Recommended Posts

Posted

Site URL: https://www.groundwaterhtx.com/austin-lewellen

Formatting tools in the Accordion editor seem pretty limited: is there a way to specify a few different fonts within the description text? I would like to be able to have both Header and Paragraph text in each description. I've seen @tuanphan explain redirecting the "strong" attribute to change a color for instance (big thanks for that by the way!), but I would like to still be able to use bold text as well.

  • Replies 3
  • Views 624
  • Created
  • Last Reply

Top Posters In This Topic

Posted

You can use italic text, underline text....then we will adjust code from bold to italic..

Or use a 3rd party accordion plugin. You can use this accordion plugin. You can add text block, image, gallery...into accordion content

--

Quote

(The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)

 

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!)

Posted
On 8/23/2022 at 8:38 PM, aka_ogden said:

Thank you for that: what are the attributes for italic and underline?

Hightlight text then bold/italic it.

This is to make the text have an html tag, so that we can easily target the code.

If bold, use this code

.accordion-item__description p strong {
    font-size: 30px;
    color: red;
	font-weight: normal;
}

If italic, use this

.accordion-item__description p em {
    font-size: 30px;
    color: red;
	font-style: normal;
}

If underline, use this

.accordion-item__description p span[style*="underline"] {
    font-size: 30px;
    color: red;
    text-decoration: none !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!)

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.