Answers.Body: <p>You can setup a custom template directory (Administer > System Settings > Directories > Custom Template Directory) and add code to a Main.extra.tpl (the directory is (your_path/CRM/Contribute/Form/Contribution/Main.extra.tpl) and also see this <a href="https://civicrm.stackexchange.com/questions/27721/styling-contribution-pages-with-buttons/27722#comment38111_27722">Styling Contribution pages with buttons</a>.</p>
  
  <p>Or use an extension which is a preferred way: <a href="https://docs.civicrm.org/dev/en/latest/framework/templates/customizing/" rel="nofollow noreferrer">https://docs.civicrm.org/dev/en/latest/framework/templates/customizing/</a>.</p>
  
  <p>You can also add a custom style sheet for civi under Administer > System Settings > Resource URL's > Custom CSS URL for global styling changes. Conversely, if you want your theme to handle styling then configure 
  <a href="https://wordpress.org/plugins/civicrm-admin-utilities/" rel="nofollow noreferrer">CiviCRM Admin Utilities</a> which will give you an option on disabling civicrm.css on the front-end.</p>
  
  <p><a href="https://i.sstatic.net/bFwrf.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/bFwrf.png" alt="enter image description here"></a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-12-06T17:59:37.087Z
Answers.LastActivityDate: 2019-12-06T17:59:37.087Z
Answers.UserDisplayName: Andy Burns
Body: <p>The title pretty much describes the question. In Wordpress it is easy to customize the layout of a post/page by using child theme. I wonder how to do so for a CiviComponent, say, contribution page.</p>
  
Tags: <wordpress>
Title: How to customize the layout of a Contribution form created in Wordpress
ThreadText: # How to customize the layout of a Contribution form created in Wordpress
  
  (Asked by: username_0 on 2019-12-06)
  
  The title pretty much describes the question. In Wordpress it is easy to customize the layout of a post/page by using child theme. I wonder how to do so for a CiviComponent, say, contribution page.
  
  **Tags:** wordpress
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2019-12-06. Score: 3 | Accepted answer
  
  You can setup a custom template directory (Administer > System Settings > Directories > Custom Template Directory) and add code to a Main.extra.tpl (the directory is (your\_path/CRM/Contribute/Form/Contribution/Main.extra.tpl) and also see this [Styling Contribution pages with buttons](https://civicrm.stackexchange.com/questions/27721/styling-contribution-pages-with-buttons/27722#comment38111_27722).
  
  Or use an extension which is a preferred way: <https://docs.civicrm.org/dev/en/latest/framework/templates/customizing/>.
  
  You can also add a custom style sheet for civi under Administer > System Settings > Resource URL's > Custom CSS URL for global styling changes. Conversely, if you want your theme to handle styling then configure
  [CiviCRM Admin Utilities](https://wordpress.org/plugins/civicrm-admin-utilities/) which will give you an option on disabling civicrm.css on the front-end.
  
  [![enter image description here](https://i.sstatic.net/bFwrf.png)](https://i.sstatic.net/bFwrf.png)
  
  
  ---
  
  