Answers.Body: <p>CiviCRM uses page template files to render its pages. These can be customized. On the developer Wiki is described how this is done. See <a href="https://wiki.civicrm.org/confluence/display/CRMDOC/Page+Templates" rel="nofollow">https://wiki.civicrm.org/confluence/display/CRMDOC/Page+Templates</a> .</p>
  
  <p>The template where you can change the offending email lay-out is
  <code>[civicrm.root]/templates/CRM/Contribute/Form/Contribution/Main.tpl</code></p>
  
  <p>Search for the following code:</p>
  
  <pre><code>{assign var=n value=email-$bltID}
  &lt;div class="crm-public-form-item crm-section {$form.$n.name}-section"&gt;
    &lt;div class="label"&gt;{$form.$n.label}&lt;/div&gt;
    &lt;div class="content"&gt;
      {$form.$n.html}
    &lt;/div&gt;
    &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-10-29T02:32:45.410Z
Answers.Text: I don't recommend hacking the template. Use css for simple style tweaks.
Answers.UserDisplayName: Coleman
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-10-28T21:18:54.017Z
Answers.LastActivityDate: 2016-10-28T21:18:54.017Z
Answers.UserDisplayName: Kainuk - CiviCooP
Answers.Body: <p>For a short-term solution, consider adding some css to your page that fixes the styling.</p>
  
  <p>For the medium-term, check out issue <a href="https://issues.civicrm.org/jira/browse/CRM-15067" rel="nofollow">CRM-15067</a> which aims to solve this problem.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-10-31T16:19:28.390Z
Answers.Text: I used a custom template to add a line feed to before the email label. Changed <div class="label">{$form.$n.label}</div> to 
  <br><div class="label">{$form.$n.label}</div>
Answers.UserDisplayName: HarryJ
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-10-29T02:32:19.063Z
Answers.LastActivityDate: 2016-10-29T02:32:19.063Z
Answers.UserDisplayName: Coleman
Body: <p>We are creating a contribution page using a price set which is new to us. The format is a little weird. Is there a way to align the email address with the entries above it? Or can we eliminate the email address above the 'Donor Info' like and include it into the profile below? See image below.</p>
  <p>Thanks in advance.</p>
  <p>Using Civicrm 4.7.8 and Joomla 3.5.1</p>
  <p><a href="https://i.sstatic.net/mlSAN.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/mlSAN.jpg" alt="image" /></a><br />
  <sub>(source: <a href="https://www.corvair.org/supportCorvairs.jpg" rel="nofollow noreferrer">corvair.org</a>)</sub></p>
  
Tags: <civicontribute><price-sets>
Title: Format Contribution Form Using Pricesets
ThreadText: # Format Contribution Form Using Pricesets
  
  (Asked by: username_0 on 2016-10-27)
  
  We are creating a contribution page using a price set which is new to us. The format is a little weird. Is there a way to align the email address with the entries above it? Or can we eliminate the email address above the 'Donor Info' like and include it into the profile below? See image below.
  
  Thanks in advance.
  
  Using Civicrm 4.7.8 and Joomla 3.5.1
  
  [![image](https://i.sstatic.net/mlSAN.jpg)](https://i.sstatic.net/mlSAN.jpg)  
  (source: [corvair.org](https://www.corvair.org/supportCorvairs.jpg))
  
  **Tags:** civicontribute, price-sets
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2016-10-28. Score: 0 | Accepted answer
  
  CiviCRM uses page template files to render its pages. These can be customized. On the developer Wiki is described how this is done. See https://wiki.civicrm.org/confluence/display/CRMDOC/Page+Templates .
  The template where you can change the offending email lay-out is
  [civicrm.root]/templates/CRM/Contribute/Form/Contribution/Main.tpl
  Search for the following code:
  {assign var=n value=email-$bltID}
  
    {$form.$n.label}
    
      {$form.$n.html}
  
  > **Comments:**
  > **username_2**: I don't recommend hacking the template. Use css for simple style tweaks.  
  
  ---
  
  ### Answer by username_2 on 2016-10-29. Score: 3
  
  For a short-term solution, consider adding some css to your page that fixes the styling.
  
  For the medium-term, check out issue [CRM-15067](https://issues.civicrm.org/jira/browse/CRM-15067) which aims to solve this problem.
  
  > **Comments:**
  > **username_0**: I used a custom template to add a line feed to before the email label. Changed <div class="label">{$form.$n.label}</div> to  <br><div class="label">{$form.$n.label}</div>  
  
  ---
  
  