#1. Non-clickable text
First, you need to find the Accordion Block ID. Use below tool.
In my example, we will have:
- #block-yui_3_17_2_1_1722935850341_3420
Next, suppose you need to change the style of 2 texts, you can highlight them > click the link icon
and add link: #text01, #text2.
make sure the option “Open link in New Tab” is disabled.
You will have:
Next, use this code to Custom CSS box
#block-yui_3_17_2_1_1722935850341_3420 {
[href="#text01"] {
text-decoration: none !important;
color: #f1f;
font-size: 50px;
pointer-events: none;
}
[href="#text2"] {
text-decoration: none !important;
color: yellow;
font-size: 15px;
position: relative;
top: -20px;
pointer-events: none;
}}
Result:
#2. Clickable Text
Suppose you added this link to the text:
and you need to make it a different style, then use this CSS code
#block-yui_3_17_2_1_1722935850341_3420 a[href="/contact"] {
color: red;
font-size: 30px;
font-family: monospace;
}
Result:
