Docs

[blue light studio]

Hello,

I am trying to make the background of the “inner” or body of the accordion to be transparent (or basically none existent except for the writing so I can see the section background behind it).

I have figured out from other posts how to change the color of the background, and that works fine, but if I try the code that I’ve found to make it transparent, or if I change the color code to say transparent instead of a color it just turns white instead of actually being truly transparent.

Is it possible to make it truly transparent so I can see the background of my section?

I’m using the ethos 2 as my base setup.

Thanks in advance.

[Rue Nel]

Hi There,

Thanks for writing in! To resolve your issue and make sure that the accordion contents will be transparent, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

#cs-content .x-accordion-inner,
#cs-content .x-accordion-group {
    background-color: transparent !important;
}

#cs-content .x-accordion-heading .x-accordion-toggle {
    background-color: red !important;
}

Please let us know if this works out for you.

[blue light studio]

That totally worked! Thank you!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts