Accordion V3 question for rounded corners

Helpdesk Website Builder
,
1

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.

image
image1414×798 173 KB

2

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

Image 2021-12-09 at 9.00.26 AM
Image 2021-12-09 at 9.00.26 AM1229×576 25.1 KB

3

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

4

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.

Image 2021-12-09 at 12.23.28 PM
Image 2021-12-09 at 12.23.28 PM2268×931 172 KB

5

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:

image
image1396×876 79 KB

6

It looks really nice :+1:

7

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

8

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.