Accordion V3 question for rounded corners

I am using the accordion V3 preset, and I would like to put a border around all of the triggers like the red line in my screenshot. Is this possible? I imagine it will have to be done with css, but I cannot figure out how to target just the first column of the grid.

In theory, I would like it to have a border with rounded corners and a white background.

2 Likes

Hello, just to be sure you want to achieve something like this?

Yeah that is exactly what I want. Can you tell me how you achieved that?

1 Like

Here is the screenshot. Check accordion trigger settings and CSS. You need to find selector for the first and last tab, so you can apply round corners.

3 Likes

Thanks so much for the help. I dont know why I couldn’t figure that out. It was so simple lol. Here are the results:

2 Likes

It looks really nice :+1:

1 Like

Do you happen to know how to change the annimation? It looks very bad. Please check it out here:

It seems that content round corners is causing the flickering. Try to set them to 0 and add padding to the content. Then set the content background colour to transparency and then add round corners to each image and text separately. Maybe this will work.