Home Forums Basel support forum Styling the accordion

Styling the accordion

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #427349

    bcl88
    Participant

    Hi,

    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.
    #428509

    Hello,

    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

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