CSS Question

I have a site that uses different galleries for different pages. Each page has a different color. The font color for the galleries needs to be different depending on the page.

Using this shortcode I was able to pull just the documents for the particular page:

[dg id=1 attachment_pg=”false” paginate=”true” ids=”1075,1073,1074,1072,1071,1070″]

The Custom CSS has two entries:

.document-gallery .document-icon a {
font-size: 18px;
color:black;
line-height: 21px !important;
}

.document-gallery-1 .document-icon a {
font-size: 18px;
color:white;
line-height: 21px !important;
}

I’m *assuming* document-gallery-1 would refer to id-1 . . . ? But the font color for that shortcode still shows up black.

Gotta be something dumb I’m doing. ??

The page I need help with: [log in to see the link]