How to style shortcode output with CSS?

  • WVM

    (@wvm)


    11 years, 7 months ago

    We put in a shortcode which pulls a list from an API plugin. We want to stylize the list but are a little lost on how to start.

    Shortcode: [dmd_beers_on_tap]

    Shortcode Output:

    <ul class=”dmd_beer_list”>
    …
    <li class=”dmd_beer” id=“beer_id”>
    <span class=”dmd_beer_title”>Beer Name</span>
    <span class=”dmd_beer_brewery”>Brewery Name</span>
    <span class=”dmd_beer_abv”>ABV (raw value, no % sign)</span>
    <span class=”dmd_beer_price”>Price (raw value, no $ sign)</span>

    ….

Viewing 1 replies (of 1 total)
  • Hareesh S

    (@hareesh-pillai)

    11 years, 7 months ago

    Using the HTML selectors (class and id of those HTML elements), the shortcode output could be styled however you want.

Viewing 1 replies (of 1 total)

The topic ‘How to style shortcode output with CSS?’ is closed to new replies.