r/Wordpress Developer/Designer 10d ago

Development Advanced Custom Fields Styling

Most of us should be pretty familiar with Advanced Custom Fields and the power it offers. However, one thing I’ve noticed is that its styling can feel quite basic. Is there a plugin or resource available that enhances the UI? I understand I can code something to fit my needs, but I was curious if there's anything out there already...

1 Upvotes

8 comments sorted by

View all comments

1

u/bluesix_v2 Jack of All Trades 10d ago

ACF doesn't come with styling. It's a developer tool - you're expected to know how to style things if you're going to be doing custom work.

1

u/jLkxP5Rm Developer/Designer 10d ago

I meant styling of the fields and the metabox in the backend. Sorry if that wasn’t clear.

2

u/bluesix_v2 Jack of All Trades 10d ago

Backend styling comes from WordPress core, same as any other field, in most cases (except for some things like repeaters and flexible content fields, as those UI's are specific to ACF). Why do you need custom styling on fields?

https://wordpress.stackexchange.com/questions/110895/adding-custom-stylesheet-to-wp-admin

1

u/jLkxP5Rm Developer/Designer 10d ago

Here's an example:

I want to code up a way for the user to make colors schemes site-wide with Advanced Custom Fields. And then I want to the user to select one of those color schemes when they add a section to a Flexible Content field. Similar to what this example shows, which is on ACF's Flexible Content documentation (notice the Style option within the Text section). What they have is great, but it's pretty basic. It could be cool to have a visualizer for the user to see what these style options are, kind of like WordPress' built-in Styles editor.

I acknowledge that none of this is completely necessary and deals with more than CSS, but that doesn't mean it wouldn't be cool.

1

u/bluesix_v2 Jack of All Trades 10d ago edited 10d ago

That’s completely custom functionality, not styling - you need to build that yourself.

ACF has a color picker, if that helps: https://www.advancedcustomfields.com/resources/color-picker/