Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 11, 2014 at 2:20 am #250026
    Jason

    Hi there,
    I’d like to add an SVG icon to the Accordion on two particular pages, to the right of the toggle – before the title (see screenshot).
    What would be your recommendation? As a background image in CSS?
    Any advice greatl appreciated!
    Jas

    April 11, 2014 at 3:08 am #250049
    Jason

    Ok, I’ve experimented, & seem to be able to achieve what I’m after – here’s the code I’ve used so far, probably far from ideal, so feedback on this would be great.

    .page-id-4396 section.av_toggle_section:nth-child(1) > div:nth-child(1) .toggler {
	background: url(https://www.cdc.org.nz/wp-content/uploads/svg-icons/maximising-earthquake-recovery-opportunities-icon.svg);
	background-size: 39px 30px;
	background-repeat: no-repeat;
	background-position: 35px 5px;
}

.page-id-4396 section.av_toggle_section:nth-child(1) > div:nth-child(1) p {
	padding-left: 90px;
}

    Thoughts?

    April 11, 2014 at 2:29 pm #250222
    Ismael

    Hey!

    Thank you for using the theme!

    The code looks ok. Anything is ideal as long as it works for you. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.