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!
-
If possible, Please provide the link of the question - that would be more easy to give you answer - – Ramesh - ARTECH Consultancy Nov 18 '15 at 13:02
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.
-
Ok that was very helpful. I placed the following in my theme's main css file – Caroline B Nov 19 '15 at 1:02
-
.crm-container .crm-section .label { float: left; width: 100%; text-align: left; } .crm-container.crm-public .content { padding-top: 6px; margin: 0px; } – Caroline B Nov 19 '15 at 1:03
-
This put my questions above my answers and aligned both answers and question to the left. I am not a CSS person so others feel free to point out what's wrong but hopefully it will give someone else a chance at altering this too! Thanks – Caroline B Nov 19 '15 at 1:04
