Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #983417

    How do I make all the accordion boxes and tables have transparent backgrounds so that the background image shines through, rather than having a white background?

    #983443

    Hey Nicole,

    Thank you for using Enfold.

    Add this css code on the Quick CSS field.

    .main_color .toggler, .main_color .toggler.activeTitle:hover, main_color .toggle_content {
        background: transparent;
    }

    Best regards,
    Ismael

    #983450

    Thank you for your help. I added the code to the quick css but it did not change the background of the accordion boxes or tables on the site.

    I added !important to the css as well to see if that changed anything and it did not. Thanks again, Nicole

    #983451

    Update: In the accordion items, I just found a way to manually change them to transparent. If there as a global way to do it that would be great, but less urgent than making the table backgrounds transparent.

    #983502

    Hi,

    Thanks for the feedback. Please try this CSS as well:

    .main_color tr:nth-child(odd), .main_color tr:nth-child(even) {
      background-color:transparent !important;
    }

    Best regards,
    Rikard

    #986588

    I tried that, but it did not work.

    #986793

    Hi,

    Please try this as well:

    .main_color table {
      background: transparent !important;
    }

    Best regards,
    Rikard

    #987095

    Winner winner! Thank you – that did the trick.

    #987283

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.