How to add text highlights to accordion titles

Hi,

I like the new animations that underline text. I was wondering if there was a way to add this to accordion titles. So basically there is an animated line that underlines the word. See below for where I would like to place the line. (Yellow highlights where I want it to go.) Also see below for an example of the animated line I am talking about.

Thanks

2 hours ago, Homeward said:

Hi,

 

I like the new animations that underline text. I was wondering if there was a way to add this to accordion titles. So basically there is an animated line that underlines the word. See below for where I would like to place the line. (Yellow highlights where I want it to go.) Also see below for an example of the animated line I am talking about.

 

Thanks

You can try adding to Home > Design > Custom

[data-is-open="true"] .accordion-item__title {
  text-decoration: underline;
}

Support me by pressing 👍 or marking as solution if this is useful for you

My testing

Hi,

Thanks that is working. Is there a way to get it to be slightly askew like a pen underlined it? Kinda like below. Also is there a way to have the line look like it is drawn slowly underneath from left to right?  

Thanks