How to add [acf field = ‘myfield’] inside a text element
-
How can I add [acf field = ‘myfield’] inside a text element? (I know I can add an element with ACF content, but I want to be able to add a custom class to it depending on the content of that ACF.)
I want to create a Badge and have a class with the content of that badge to be able to give it a custom style from CSS depending, example:
Additional CSS class:
[acf field = ‘badge’]
—
CSS selector:
.badge [class * = “new”] {color: green;}
.badge [class * = “old”] {color: silver;}
-
Hey @kreatibu
The text element should support shortcodes… are you saying these ACF shortcodes are not working? Or that you want to dynamically change the shortcode depending on a variable?
I will double check the ACF shortcode support from my side, re dynamic shortcodes, you could use a PHP filter, to change the contents of the text element:
https://customlayouts.com/documentation/action-filter-reference/Check the last heading –
Elementsand the filter:custom-layouts/element/render_output(but not 100% sure this is what you are trying to achieve!)Thanks
– Ross
- The topic ‘How to add [acf field = ‘myfield’] inside a text element’ is closed to new replies.
