Couring items within iconbox

[Peter]

Peter

March 21, 2018 at 4:17 am

Hello again,

Please look at *Login to see link

I want to set the colour of the pencil icon to dark grey and the h4 text to a kind of orange.

CSS that already works is on *Login to see link
.page-id-2407 .kad-icon-box { margin:0; min-height:200px; border:1px solid orange; } /* pls ignore the border colour change */
.page-id-2407 .kad-icon-box h4 { color:#e28800 !important; } /* I want this h4 colour on each of 11 pages */
.page-id-2407 .kad-icon-box p { color:black; }
.page-id-2407 .icon-pencil4 { color:darkgray; } /* I want a different colour on each of 11 pages */

I assume I can re-use this CSS by changing the page id from 2407 to whatever.
Am I on the right track?
If yes, then I can’t find out what the page id is. I think it’s 2476, but when I try the above 4 lines of CSS with 2476 instead of 2407, nothing happens.
Help!

Also, I have 10 more pages where I want to change the iconbox icon colour to something different on each page. This is making for a lot of lines of CSS. Any way around that?