Including Header and Paragraph text in Accordion Block Description text?

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.

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

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

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;
}