[Share] Styling Specific Text in Accordion Block

Some useful CSS code to change specific text in Accordion Block.

If you can't make code work, you can send link to page where you use Accordion + let me know which text you want to change style, I will check again.

#1. Change style of 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. Change style of clickable text

Suppose you added this link to the text:

To change style of the text, use this code to Custom CSS box

#block-yui_3_17_2_1_1722935850341_3420 a[href="/contact"] {
  color: red;
  font-size: 30px;
  font-family: monospace;
}

Result