Author Topic: Modify custom style sheet? (Read 1674 times)

naff · July 09, 2007, 05:25:28 pm

Hi:

A trivial thing, but I'd appreciate it if someone can point me to wherever I can modify the title font size and nuke the default blue border on the main CiviContribute form.

I have been hacking civicrm.css without success because I can't find the h1 title class or container border nor have I been able to sleuth 'em down in the documentation.

Thanks,
naff

speleo · July 10, 2007, 01:29:53 am

I would recommend starting with installing and learning FireBug - an excellent Firefox extension which allows pretty advanced stylesheets analysis.

If you are using a Firefox client then load Firebug. http://www.getfirebug.com/ You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

global_asia · August 20, 2007, 12:42:45 pm

I tried firebug, but I didn't quite get what I'm looking for, it looks like a have colliding css, I have the text of my civievent form using the styles from the template for my joomla site, yet I have this yellow box that seems to be civicrm and I can't see the text because of the yellow, any help is appreciated

Manish Zope · August 22, 2007, 02:50:14 am

Modifying the title font
=================
try adding following to civicrm.css

h2 {
// some style
}
( please note that this will change style for all of the H2 elements
if you do not want to change all of the H2 elements .. try doing
div.left-corner h2 {
// style statements
} .. )

Default blue border on CiviContribute form
===============================
in civicrm.css, search for #crm-container div.status {
in it, "border: 1px solid #5A8FDB" decides the border color

Let me know if it works for you..

CiviCRM Community Forums (archive)

News:

Author Topic: Modify custom style sheet? (Read 1674 times)

naff

Modify custom style sheet?

speleo

Re: Modify custom style sheet?

global_asia

Re: Modify custom style sheet?

Manish Zope

Re: Modify custom style sheet?