Adding ID to accordions

[Peter]

Peter

March 7, 2016 at 3:34 am

Hello,

I’m using the following CSS to add a background image to the accordions and it works fine, see website.

#content .panel-group h5 {
color:#171717;
background-image: url("*Login to see link
background-position: 0% 0%;
background-repeat: no-repeat;
height: 100px;
color:#FCE300;

text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

How can I add an ID to the other accordions and target them separately so I can add a different background image?

This is the HTML I have to work with:

[pane title="White Water Kayaking"]

[kt_box opacity="1" padding_top="12" padding_bottom="12" padding_left="12" padding_right="12" background="#ccc"]
<h2>White Water Kayaking</h2>
At Sea 2 Summit we offer a range of sea kayaking courses that provide expert coaching for all abilities. We have specialist white water instructors, who can provide days out in Snowdonia on any grade of water and sea kayak coaches that will take you on spectacular journeys, around the coastline of North Wales.

<a href="#">Learn more..</a>

[/kt_box]

[/pane]

Thank you very much,
Peter