ACF CSS ADD-ON

This plugin can be used as an add-on to the Advanced Custom Fields Plugin.
Helps you add a class to any of the ACF Custom Fields, including repeater, flexible content.
The brush icon corresponds to the ACF CSS ADD-ON feature. You can click on this to add classes for the field.
Add multiple classes to the fields by seperating them with spaces.
Add class to options pages also.

Arbitrary section

Use get_field_classes(‘fieldname’) for simple fields eg. text, url, password, textarea
Use get_sub_field_classes(‘fieldname’) for sub-fields eg. repeater, flexible content
Use get_field_classes(‘fieldname’, ‘option’) for simple fields eg. text, url, password, textarea in options page
Use get_sub_field_classes(‘fieldname’, ‘option’) for sub-fields eg. repeater, flexible content in options page
To add multiple classes, seperate the classes with spaces.

From your WordPress dashboard

1. Visit Plugins > Add New
2. Search for “ACF CSS Add-on”
3. Activate ACF CSS Add-on from your Plugins page. Make sure you have installed and activated Advanced Custom Fields Plugin or Advanced Custom Fields Pro Plugin.
4. Click on any post that has ACF custom fields and start adding classes.

OR

1. Upload acfca.php to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Click on any post that has ACF custom fields and start adding classes.

1. 

   ACF CSS Add-on layout.

2. 

   The brush icon is the ACF CSS ADD-ON feature.

3. 

   Use ACFCA classes in options page.

4. 

   Use ACFCA classes in options page sub fields.

5. 

   Use ACFCA Classes to any page or post.

6. 

   Use ACFCA Classes to any page or post sub fields.