Home › Forums › Basel support forum › Styling the accordion
Styling the accordion
- This topic has 1 reply, 2 voices, and was last updated 1 year, 11 months ago by Elise Noromit.
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
December 8, 2022 at 3:15 pm #427349
bcl88ParticipantHi,
I am trying to style the accordion.
I would just like it to have white background, black titles and a simple 1px solid #d4d4d4 border everywhere (I’m attaching a picture so you can see what I want to do).
I’m adding this code to the custom css but it does nothing.
What am I doing wrong?Thank you!
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: 1px solid #d4d4d4; background-color: #fff; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #fff; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before { border-color: #d4d4d4; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #000; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #d4d4d4; background-color: #fff; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #000; }
Attachments:
You must be logged in to view attached files.December 13, 2022 at 4:49 pm #428509
Elise NoromitMemberHello,
Sorry for the delay.
Please try this code:
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: 1px solid #d4d4d4; background-color: #fff; } body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #fff; } body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before { border-color: #d4d4d4; } body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #000; } body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #d4d4d4; background-color: #fff; }
If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to create new topics. Login / Register