Possible to add an icon per title?

  • Hello,

    I’ve started using this plugin and it’s great. I’ve managed to add a ‘+’ and ‘-‘ per another thread, however, I’m trying to add icons to the titles, is this possible?

Viewing 1 replies (of 1 total)

  • HTML:

    [accordion tag=div]
[accordion-item title=" " class="classname itemname"]...content...[/accordion-item]
[/accordion]

    CSS:

    div.accordion-title.classname {
  background-size: 320px 240px;
  background-repeat: no-repeat;
  padding: 0;
}
div.accordion-title.classname.itemname {
  background-image: url("https://www.domain.com/path/image.png");
}

/* adjust the line hight to set around the size of the icon */
div.accordion-title.classname {line-height: 144px;}

/* offset the icon */
div.accordion-title.classname {background-position: 20px center;}

/* optional - puts the icon on the right when open */
div.accordion-title.classname.open {background-position: right center;}
    • This reply was modified 6 years, 3 months ago by kahana82.
    • This reply was modified 6 years, 3 months ago by kahana82.
Viewing 1 replies (of 1 total)
  • The topic ‘Possible to add an icon per title?’ is closed to new replies.