Hello,

I having some CSS issues with CiviCRM.

I've tried to over ride using local.css .. just can't seem to get it right.

please see attached

CommentFileSizeAuthor
crm.gif24.05 KBgreen monkey

Comments

wretched sinner - saved by grace’s picture

Version: 6.x-1.0 » 6.x-1.x-dev
Category: support » feature

I have the same issue. It seems that (like Views did) CiviCRM defines background colours, and not foreground colours, thereby causing issues where you have light text. I am currently working through fixing this up in our site, so I can post the changes needed once I have them confirmed also.

This would be nice to have fixed in a future version!

wretched sinner - saved by grace’s picture

Here is the code that I have placed in my local.css file to theme all that I have found in CiviCRM. Please note, however that since the colour scheme on my site is different from the standard of Acquia Slate, the colours I have specified will not match a standard Slate install. However I am posting this here, as it will be a good starting point for someone to correct the colours so that this could possibly be included in a future version.

/* CiviCRM Styling
 ************************************/

#crm-container div.status {
 background-color: #EAF8E4;
 border: 6px solid #8DC478;
 color: #3E642F;
 font-size: 1em;
 font-weight: 600;
 margin-bottom: 20px;
 overflow: hidden;
 padding: 10px 16px;
}

#crm-container table {
  border: 1px solid #DDDDDD;
}

#crm-container tr.columnheader ,
#crm-container tr.columnheader-dark {
  background-color: #000000;
  border: 1px solid #DDDDDD;
  color: #FF6600;
}

#crm-container tr.even-row {
  background-color: #242424;
  border-bottom: 1px solid #000;
}

#crm-container tr.odd-row {
  background-color: #303030;
  border-bottom: 1px solid #000;
}

#crm-container th {
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  padding: 4px;
}

#crm-container tr.even-row td,
#crm-container tr.odd-row td {
  border-bottom: 1px solid #DDDDDD;
}

#crm-container tr.columnheader a {
  color: #FF6600;
}

#crm-container .report td {
  background-color:#303030;
  border:1px solid #DDDDDD;
}

#crm-container #search-status {
  background-color: #242424;
  border: 1px solid #DDDDDD;
}

#crm-container div#recently-viewed {
  background-color: #242424;
  border: 1px solid #DDDDDD;
}

.tundra .dijitTab {
  background: #242424 url(images/tabEnabled.png) repeat-x scroll 0 0;
  border: 1px solid #DDDDDD;
}

.tundra .dijitTabChecked, .tundra .dijitTabCloseButtonChecked {
  background-color: #DFB77C;
  background-image: none;
  border-color: #DDDDDD;
  color: #001D3B;
}

.tundra .dijitTabPaneWrapper {
  background: #173252 none repeat scroll 0 0;
  border:1px solid #DDDDDD;
}

Soli Deo Gloria

Jerome Brown
cgc.org.au

jeremycaldwell’s picture

Status: Active » Fixed

I recommend updating to the latest release of the theme as well as CiviCRM and see if the issue still occurs. Closing this issue now due to no activity.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.