Home › Forums › Gutenberg › Custom css for Gutenberg Block › Reply To: Custom css for Gutenberg Block
Hi, @simow
I do not know any way to make CSS recognize PHP unless it uses some plugin or framework. For your problem I would recommend creating a <style>
tag on the page or adding a "style"
in the element.
Using the example of the <style>
tag would look like this:
<style> #<?php echo $id; ?> { background: <?php the_field('background_color'); ?>; color: <?php the_field('text_color'); ?>; } </style>
or creating a direct style in the element, something like this:
<?php if(get_field('background_color') or get_field('text_color')) { $style = 'style="background:'. get_field('background_color') .'; color:'. get_field('text_color') .';"'; } ?> <!-- Add style in my div --> <div <?php echo $style; ?>> lorem ipsum test </div>
I hope it helps!
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!
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 Privacy Policy. If you continue to use this site, you consent to our use of cookies.