Solved SP Page Builder

Text shadow for Accordion Item

Asked by Oliver 10 months ago Last activity 10 months ago

Hello,

probably a simple question for you pros.
How can I get a shadow to the Title of an Accordion Item?
https://prnt.sc/hGDNMhzq-dGr

Tried to do it via the custom css of the Accordion itself and failed...

Thank you

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
10 months ago

Just copy paste in Page Settings > Page CSS > Custom CSS

5 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
10 months ago

Hi Oliver,

This will work:

.sppb-panel-custom button.sppb-panel-heading > span {text-shadow: 1px 1px 3px #555;}

Mehtaz Afsana Borsha Staff
10 months ago

Hi

Thanks for contacting us. Could you please give me that specific page link? So that I can check.

-Regards.

Oliver Asked this
10 months ago

Thank you for your quick reply.
If I use this

.sppb-panel-custom button.sppb-panel-heading > span {
   text-shadow: 1px 1px 10px #000000 !important;
}

in custom css, I get an error message.

The specific URL is https://unge.vitalthemen.com/index.php/frieda

Oliver Asked this
10 months ago

Ah - cool.
The one place, I didn't put it ;-)
Thank you.

Paul Frankowski Senior Staff
10 months ago

Very useful, if that code must be used on a single page only,
if on more, please use custom.css file as we teach in documenation file.

Mehtaz Afsana Borsha Staff
10 months ago

Glad to know that its solved. And thanks Paul for helping him.

Log in to reply.