Changing Accordion Title Color

  • Resolved msharben

    (@msharben)


    10 years, 2 months ago

    Is there a way to change the color for different Accordion-item titles?

    I’m going to have a page that lists about 350-400 software product using the following code.

    [accordion-item title=”Adobe Typekit”]This software is approved for use on University machines.[/accordion-item]
    [accordion-item title=”ACL Education Edition”]This software is approved for use on University machines.[/accordion-item]

    There are about 15-20 of the products that won’t be approved and I’d like for them to stand out by having them a different color if possible.

    Thanks

    https://wordpress.org/plugins/accordion-shortcodes/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    10 years, 2 months ago

    Yes. You can use a CSS class name on the items you want to change the title color for, then add some CSS to your themes stylesheet. For example:

    [accordion-item title="ACL Education Edition" class="not-approved"]...[/accordion-item]

    Then add this to your themes stylesheet:

    .not-approved {
    color: red;
}

    Note the not-approved class name. This can be whatever you want, as long as it is a valid CSS class name.

    Thread Starter msharben

    (@msharben)

    10 years, 2 months ago

    Thanks – that did the trick.

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

The topic ‘Changing Accordion Title Color’ is closed to new replies.

Tags