A fellow developer presented me with a question. He has developed a pseudo-grid layout to show a number of questions in a grid layout, just not using a grid. When the region is displayed the font color for all display only items is a light brown, we would prefer them to be back to the default black. Can anyone suggest a simple solution to resolve this?
The css being used to define the pseudo-grid is:
div.faux-grid {
border: 1px solid rgb(221, 221, 221);
}
div.faux-grid div.t-Region-body div.row:first-child {
background-color: rgba(93, 131, 112, 0.98);
}
div.faux-grid div.t-Region-body div.row:first-child span.display_only {
color: white;
}
div.faux-grid div.t-Region-body div.row:first-child span:hover {
background-color: inherit;
}
div.faux-grid div.row {
border-bottom: 1px solid rgb(221, 221, 221);
}
div.faux-grid div.t-Region-body div.t-Form-fieldContainer {
border-left: 1px solid rgb(221, 221, 221);
}
region is defined as a static content with a template of blank with no attributes, css class faux-grid
Thanks!
Tony Miller
White Rock, NM