Author Topic: Changing civicrm.css in a elegant way...how? (Read 1294 times)

CiviTeacher.com · July 18, 2008, 05:15:04 pm

Hi CiviCRM team,

Thanks for reading.

Do you have a way to override/customize the CSS for Civicrm (civicrm.css) in a way similar to templates? That is a pretty slick way you have made to set up custom templates.

Do you have a similar method for CSS? If so I can't find it and I've searched for a good 20 minutes, maybe in the wrong place...

My goal: To customize the look and feel of several pages within CiviCRM, changing colors, borders, of search results, etc and to not have to edit civicrm.css itself, because this may make future upgrades of the software more complicated.

Donald Lobo · July 19, 2008, 03:21:00 am

i dont think there is an elegant way to do so

(since its hardcoded in the php file, for drupal)

This came up recently also. Please file an issue and we'll resolve it for 2.2

lobo

Michał Mach · July 22, 2008, 06:52:44 am

Stoob,

Not very elegant, but working way to hack it is to create a custom template for (for example) templates/CRM/common/drupal.tpl, include separate CSS stylesheet there and overload some civicrm.css settings using CSS. It won't work for everything, but should be fairly non-hackish.

Thx,
m

xavier · July 22, 2008, 07:42:54 am

Hi,

If you use drupal, you can change your drupal theme (either add a css or modify one), and add your own style that override the default civicrm ones.

Use firebug to find where the style you want to modify are defined (eg #civicrm .whatever #example {color:pink;} , and put the one you want in your css

#civicrm .whatever #example {color:yellow;}

if you want to be sure you don't have problem, no matter the css include order, make your custom styles more specific. eg :
html #civicrm .whatever #example {color:yellow;}

CiviTeacher.com · July 23, 2008, 11:25:17 am

Thanks guys these are all good suggestions. I will also enter an open issue 'suggestion' for the next version.

CiviCRM Community Forums (archive)

News:

Author Topic: Changing civicrm.css in a elegant way...how? (Read 1294 times)

CiviTeacher.com

Changing civicrm.css in a elegant way...how?

Donald Lobo

Re: Changing civicrm.css in a elegant way...how?

Michał Mach

Re: Changing civicrm.css in a elegant way...how?

xavier

Re: Changing civicrm.css in a elegant way...how?

CiviTeacher.com

Re: Changing civicrm.css in a elegant way...how?