CiviCRM Community Forums (archive)

Hi. New here. I am editing some custom Contribute page/form, don't know if that's the right place I am looking at, but I need to add wrappers for some labels and inputs, that are inside crm-group -> crm-profile -> crm-section -> and inside .content div I have multiple inputs and labels that needs wrapping so I could style them, now they all messed up.

So which file should I be looking at?

You can edit your own CSS file, and use CSS to override the default styles. You can do this in your theme file etc, or in a new CSS file you include from theme / module / whatever.

To answer your original question, "which file to edit for .crm-section class?" - civicrm.css probably creates the default rules you're seeing. Here's how to find that out for yourself:

• Visit your page (eg http://drupal.demo.civicrm.org/civicrm/contribute/transact?reset=1&id=1) and right-click on the text "Do you love CiviCRM".
• Select "Inspect element", and see https://dl.dropbox.com/s/8dlvahsm2qharhv/Screenshot%202014-02-22%2001.38.21.png
• Note the left lower pane where you can see the selected element highlighted.
• Note the right lower pane where you can see the CSS file, the line of the various CSS rules, and the styles applied from the rule.

If you're looking for "which template should i edit", just search the templates in civicrm/templates. I'd use grep myself, but you can also search the CiviCRM code on github: https://github.com/civicrm/civicrm-core/search?q=.crm-section&ref=cmdform