ACF Accordion Error Css if set fields width % | WordPress.org

Dinhᵀᵛ
(@dinhcode)

10 years, 3 months ago

Hello,
I have create 2 ACF Accordion in page

ACF Accordion 1 with 4 fields width 50%;
ACF Accordion 2 with 3 fields width 33.333333%;

but in page click ACF Accordion 1 hover fields don’t edit fields : Error Css hover;

Give me checking & fix my error?

Thanks

https://wordpress.org/plugins/acf-accordion/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author bogdand
(@bogdand)

10 years ago

Hi dinhcode,

Can you upload any screenshots with how it behaves and then what you’re trying to achieve?

Regards,
Bogdan

jzatt
(@jzatt)

9 years ago

Old post, but I’m seeing what I think is the same as the author…
These two fields (Facebook / Instagram) has the width set to 50% in ACF. The accordion plugin messes with the margin between them.

Here is the same fields without the accordion field…

Not a big deal, but having more fields in row makes it look even worse. For example four fields with 25% width each.

jzatt
(@jzatt)

9 years ago

Did some further investigation to this and just found the problem/solution…

ACF has the CSS styling for the fields like this:
.acf-fields > .acf-field { padding: 15px 12px; ... }
Using the accordion plugin nests the fields deeper, so the CSS will not target them.

The problem in this case is that the padding isn’t applied, so I added some CSS in my own custom file that I have loaded in the admin like this to get the same padding:

.acf-accordion-group.opened > .acf-field { padding: 15px 12px; }

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘ACF Accordion Error Css if set fields width %’ is closed to new replies.

3 replies
3 participants
Last reply from: jzatt
Last activity: 9 years ago
Status: not resolved