Add style to shortcode output

  • Resolved Cbas23

    (@cbas23)


    13 years, 10 months ago

    Here’s the site I’m working on: http://21july2019.org/

    You should see a count down timer at the top. It’s from the Easy Timer plugin. I put it into my header.php file using this code:

    <?php echo do_shortcode('[countdown date=2012/12/12-00:00:00]Launching in [timer]
[/countdown]') ?>

    How do I change its formatting and style? I want the text to be bigger and aligned to the right of the logo.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Flash Buddy

    (@flashbuddy)

    13 years, 10 months ago

    Easy peasy. Add to your style.css (or other referenced stylesheet)

    span.dhmscountdown{font-size: 24px; font-weight: bold; color: RED;}

    The problem I see is the label “Launching” has not css class attached other than header. If you add any css declarations to header, the whole header goes wonky.

    You can try adding to your shortcode:

    <?php echo do_shortcode('[countdown date=2012/12/12-00:00:00]<span class="countdown-label">Launching in:</span> [timer]
[/countdown]') ?>

    Then add the css class to your style sheet and style as desired.

    Thread Starter Cbas23

    (@cbas23)

    13 years, 10 months ago

    Thanks! Worked perfectly

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Add style to shortcode output’ is closed to new replies.