Link styling not appearing in accordions

Hi @planetdetroit,

We have visited your website and it seems your theme has a yellow box-shadow styling on each link text. But the accordion is overriding the styling. You can enable the yellow box-shadow styling on the accordion texts as well. Add the following code to the custom CSS section of you your theme or the plugin.

.sp-easy-accordion p a {
    box-shadow: inset 0 -5px 0 rgb(247 206 24 / 80%) !important;
}

Hope this may help you. Have a nice day.

• This reply was modified 2 years, 1 month ago by Pulak Ahmed.

Thank you for the timely help. That worked! I will upgrade to pro!

One more q — how can I get the font styling to also be the same as my regular font styling?

Hi @planetdetroit,

Thanks for your appreciation.

We are glad to hear that you will upgrade the plugin. Please apply the following custom CSS below the previous CSS to change the font style.

#sp-ea-24327.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p{
????font-family: 'Heebo', 'Arial', sans-serif !important; 
}

Hope the above CSS will work for you.

Unfortunately, that did not seem to make any difference.

Hi @planetdetroit,

We are really sorry to hear that the solution didn’t work for you. This is really unusual because we have rechecked the custom CSS and it seems working. Please have a look at the screenshot. We can see that you are using the JetPack plugin to boost website performance. Could you please apply the CSS again and check the issue by clearing all the caches from your website and plugins?

Have a nice day.

Hi @planetdetroit,

This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!