Support

Account

Home Forums Front-end Issues How to change colour of text depending on select choice?

Solving

How to change colour of text depending on select choice?

  • I have a drop down where the author can choose from the following metadata: easy, medium or hard.

    I’d like the resulting text on the published post to show up green, orange or red, respectively, depending on the selection.

    How can I do this?

    Thanks!

  • This reply has been marked as private.
  • Something like this should work, but I don’t know the name of your field and some other details so this is only an example.

    
    $difficulty = get_field('difficulty');
    $color = '#0F0'; // set default
    switch ($difficulty) {
        case 'easy':
            $color = '#0F0';
            break;
        case 'medium':
            $color = '#F80';
            break;
        case 'hard':
            $color = '#F00';
            break;
    }
    echo '<span style="color:',#color,'">',$dificulty,'</span>';
    
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to change colour of text depending on select choice?’ is closed to new replies.