Answers.Body: <p>I'm still finding my way around civicrm so it looks like no style was applied to civicrm or the template css file takes precedence. I used some of the style setting from civicrm.css in the custom css section of the template and this fixed the issue. There is problem a cleaner way to use the civicrm style sheet but for now this worked for me.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-24T16:43:21.287Z
Answers.LastActivityDate: 2017-01-24T16:43:21.287Z
Answers.UserDisplayName: Tee Strong
Body: <p>I have bootstrap Joomla theme and it is changing the format of form fields. I understand that this is a CSS issue but my question is how can I get my live contribution page to look like the test page within civicrm?</p>
  
  <p><a href="https://i.sstatic.net/KNj1B.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/KNj1B.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.sstatic.net/H6d78.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/H6d78.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-01-11T03:18:17.540Z
Comments.Text: Your website looks like you figured out the CSS needed to match the test sample. Well done.
Comments.UserDisplayName: Iowa Boy
Tags: <joomla><forms><css><bootstrap>
Title: How do I get my contribution form fields on the same line
ThreadText: # How do I get my contribution form fields on the same line
  
  (Asked by: username_0 on 2017-01-02)
  
  I have bootstrap Joomla theme and it is changing the format of form fields. I understand that this is a CSS issue but my question is how can I get my live contribution page to look like the test page within civicrm?
  
  [![enter image description here](https://i.sstatic.net/KNj1B.png)](https://i.sstatic.net/KNj1B.png)
  
  [![enter image description here](https://i.sstatic.net/H6d78.png)](https://i.sstatic.net/H6d78.png)
  
  **Tags:** joomla, forms, css, bootstrap
  
  > **Comments:**
  > **username_1**: Your website looks like you figured out the CSS needed to match the test sample. Well done.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2017-01-24. Score: 1
  
  I'm still finding my way around civicrm so it looks like no style was applied to civicrm or the template css file takes precedence. I used some of the style setting from civicrm.css in the custom css section of the template and this fixed the issue. There is problem a cleaner way to use the civicrm style sheet but for now this worked for me.
  
  
  ---
  
  