Docs

[xthemer]

Hey there x theme support,

I’m using a border on the accordion feature. On toggle, i. e. when an accordion group opens, the border does not appear right away. There seems to be some kind of built-in transition effect going on, which is annoying in my case.

I’d like the border to show immediately when the accordion group opens. How can I achieve this? Thanks.

My site is not online yet. I will post the URL and credentials in a couple secs.

[xthemer]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Instead of using .collapse.in in your code:

.x-accordion-group:nth-child(3) .x-accordion-toggle.collapsed, .x-accordion-group:nth-child(3) .x-accordion-toggle, .x-accordion-group:nth-child(3) .collapse.in

Use .x-accordion-body

For example:

.x-accordion-group:nth-child(3) .x-accordion-toggle.collapsed, .x-accordion-group:nth-child(3) .x-accordion-toggle, .x-accordion-group:nth-child(3) .x-accordion-body {
    border-left: 5px solid #4c2c92;
}

Replace it for all the colors. Let us know how this goes!

[xthemer]

Thanks Nabeel,

The .x-accordion-body class did the trick.

[Thai]

If you need anything else please let us know.

[Author]

Posts