CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site
This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • modifying form appearance
Pages: [1]

Author Topic: modifying form appearance  (Read 930 times)

tbarry82

  • I’m new here
  • *
  • Posts: 1
  • Karma: 0
  • CiviCRM version: 3.3.2
  • CMS version: Drupal 6
  • MySQL version: 5.0.91
  • PHP version: 5.2.16
modifying form appearance
August 01, 2011, 04:35:04 pm
Hello,

I inherited responsibility for two drupal web sites which use civicrm. Made a nice profile with custom fields for user registrations which works great! However, I am having problems styling it. The labels are squeezed into too narrow of a space, labels appear below radio buttons, checkboxes etc.

Thought I'd start with label issue, tried modifying civicrm.css .crm-section .label as below...

#crm-container .crm-section .label,
.crm-section .label {
    float:left;
    width:30%;
    text-align: left;
}

#crm-container .label-left .label {
    text-align: left;

Still no change. Check path to css file (have default, there are no overrides, etc). What controls placement of text in relation to radio buttons?  Any help and advice will be much appreciated.

malks

  • I post occasionally
  • **
  • Posts: 81
  • Karma: 7
  • CiviCRM version: 3.4.x 4.x
  • CMS version: Drupal 6.22
  • MySQL version: 5.1.x
  • PHP version: 5.3.x
Re: modifying form appearance
August 01, 2011, 05:31:04 pm
Have you used firebug to check that your styles are being applied?  They might be being overridden by a more specific or later loaded rule.

Malks.

Hershel

  • Forum Godess / God
  • I’m (like) Lobo ;)
  • *****
  • Posts: 4640
  • Karma: 176
    • CiviHosting
  • CiviCRM version: Latest
  • CMS version: Mostly WordPress and Drupal
Re: modifying form appearance
August 02, 2011, 04:58:09 am
Be sure to use Firebug, because CSS files may also be cached in Drupal...
CiviHosting and CiviOnline -- The CiviCRM hosting experts, since 2007

See here for the official: What to do if you think you've found a bug.

malks

  • I post occasionally
  • **
  • Posts: 81
  • Karma: 7
  • CiviCRM version: 3.4.x 4.x
  • CMS version: Drupal 6.22
  • MySQL version: 5.1.x
  • PHP version: 5.3.x
Re: modifying form appearance
August 03, 2011, 12:04:21 am
Hershel makes a good point.  If Drupal is caching the css you will either need to turn caching off in development (then may not work in IE due to limitation of CSS files that can be loaded) or make sure you clear Drupal's cache.
Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • modifying form appearance

This forum was archived on 2017-11-26.