Spiritual Release Theme and Accordion

User 2093190 Photo


Registered User
115 posts

Hi there, I'm using the Spiritual Release Theme with Foundation and I'm new with foundation. In the component accordion I want to change the background-color from the active tab. And I can't find the class to change this setting. Anyone any idea?
Regards Uwe
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.coffeecup.com/
User 2699991 Photo


Registered User
4,836 posts

Uwe Schmitt wrote:
Hi there, I'm using the Spiritual Release Theme with Foundation and I'm new with foundation. In the component accordion I want to change the background-color from the active tab. And I can't find the class to change this setting. Anyone any idea?
Regards Uwe


don't have that theme , but possibly the class for the active tab is shortened to "actv" and it might be on the container not the text
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,836 posts

if it's the bog standard accordion from previous foundation framework, then if I remember the class is on the container, and has a class of "is-active"

Go to the inspector pane & scroll up or down until you see something in orange with the class "is-active" or "actv" thats the one with the background colour you change
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2093190 Photo


Registered User
115 posts

Thank you for your help, but it didn´t work for me. Chrome Dev-Tools shows this usage of css shown in my attachment. If I use tabs-title, the tabs won´t work any longer. The colours of type and background are defined in the foundation.css. How can I overwrite them and how can I ust background-images in the tabs? Where can I set the aria-selected status?
Regards Uwe
Attachments:
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.coffeecup.com/
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

Guten Tag, Uwe :)

The elements in question may have two class names, one generic, and one which is pre-styled. In that case remove the pre-styled one and you can style it yourself.
If that is not the case here, write your own css with the changes you want, and pop it into the head section in the Page manager.
Aria settings are done in the attributes.

Is this all a part of the theme you are using? Let me know which part, and I can search for it, I have the same theme.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2093190 Photo


Registered User
115 posts

Hello Inger, : D, greetings from sunny Germany,
I have to test that thing with the generic and prestyled elements. I hope, I will understand what you mean.
I still haven´t found the Aria settings for the tab (there are no settings for "Aria selected").
Regards Uwe
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.coffeecup.com/
User 2093190 Photo


Registered User
115 posts

Hello Inger,
drinking two, okay, three Rothaus Tannezäpfle Beer and listening to Mark Knopfler I found the solution. Thank you so much for support (Wayan too!)
Regards Uwe
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.coffeecup.com/
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

Yeah, Mark Knopfler can be a useful remedy for a lot! :lol: And the beer helps too! Zum Wohl!!
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.