Home › Forums › Front-end Issues › CSS Styling based on value of field › Reply To: CSS Styling based on value of field
You can get the value of the field and set to a variable then verify the options. Here is the code:
<?php
$option = $the_field('myfield');
if($option == "1"){ $color = "red";}
elseif($option == "2"){ $color = "blue"; }
elseif($option == "3"){$color = "green"; }
?>
<div style="background-color: <?php echo $color; ?>; ">My Content</div>
Of course there is other ways to do it, like an array with the options and the colors etc.. but the ideia is the same.
Hope this helps you. =D
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
2022 was a big year for Advanced Custom Fields, with more capabilities, a new generation of ACF Blocks, a refreshed UI, and a new home. Our year in review post looks at advancements we’ve made and offers a glimpse of the future.
— Advanced Custom Fields (@wp_acf) January 6, 2023
https://t.co/HahJUCcyH4
© 2023 Advanced Custom Fields.
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.