I am trying to alter the layout/theme setings of the petition. I am using a petition with a profile. The petition questions are put in a very narrow left hand column and the answers in a wide column on the right. I can't work out where I would put or alter the CSS to make the questions just sit above the questions. I have attached an image. Any help on tracking down the correct file woudl be appreciated!
There is a file
css/civicrm.css within your CiviCRM codebase, and that's what determines the layout here, but you should not edit that.
Instead, you have two good options for writing CSS that overrides the default CiviCRM CSS:
- Edit your site's theme. Theme CSS will take effect within CiviCRM forms.
- Create a custom CSS file. Put your file somewhere that won't get overwritten upon upgrade, and set the path to it in the "Custom css URL" field at Administer - System Settings - Resource URLs.