Answers.Body: <p>This is (probably) CiviCRM being a bit retro in how it thinks forms should display.</p>
  <p>If your other forms are not doing this, then you'll probably notice that this behavior only happens with a wider screen, and if you shrink down your screen, it behaves in a more modern way with the labels above the form elements.</p>
  <p>If you don't want this to happen, you can do some custom edits to your css, or you could also try out my CiviCRM theme here: <a href="https://github.com/adixon/toronto" rel="nofollow noreferrer">https://github.com/adixon/toronto</a></p>
  <p>This &quot;theme&quot; can be manually installed as a civicrm extension (not yet available as automated) and then 'enabled' for your front end within CiviCRM itself. All it really does is try to strip out some old-fasioned css that has been plaguing civicrm for a while (e.g. what you experienced, as well as some font-forcing).</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-01-30T18:16:13.757Z
Answers.LastActivityDate: 2024-01-30T18:16:13.757Z
Answers.UserDisplayName: Alan Dixon
Answers.Body: <p>This is controlled by your WordPress theme.  If this site is only for CiviCRM, you can try changing your theme to something that looks nicer.</p>
  <p>If not, you will need to make CSS edits in your theme.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-02-01T15:37:08.733Z
Answers.Text: I don't believe this is correct. CiviCRM (via civicrm.css) is floating labels to the left with this code: https://github.com/civicrm/civicrm-core/blob/ea8ae7ad83fb6ccf68a7f1f4cd0a56464bfb78e7/css/civicrm.css#L419
  It is possible to override this behaviour in the theme of the CMS, but responsibility for the issue is squarely on CiviCRM.
Answers.UserDisplayName: Alan Dixon
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-01-30T15:47:14.357Z
Answers.LastActivityDate: 2024-01-30T15:47:14.357Z
Answers.UserDisplayName: Jon G - Megaphone Tech
Body: <p>I'm previewing my event registration on TestDrive and I don't like the formatting at all. Is this something that I can modify in CiviCRM? Or is this a WordPress issue?
  I want the text to go across the screen. It seems to be funneled down a column instead of across the screen.</p>
  <p><em><strong>I WANT</strong></em>
  **Fri Only (13 &amp; Up) (Includes automatic member discount of: 20% Member Discount) ***</p>
  <p><em><strong>NOT:</strong></em>
  **Fri Only (13 &amp;<br>
  Up) (Includes<br>
  automatic<br>
  member<br>
  discount of:<br>
  20% Member<br><a href="https://i.sstatic.net/y3Pi1.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/y3Pi1.png" alt="enter image description here" /></a>
  Discount) ***</p>
  
Tags: <civievent><online-registration><formatting>
Title: Event registration page formatting
ThreadText: # Event registration page formatting
  
  (Asked by: username_0 on 2024-01-30)
  
  I'm previewing my event registration on TestDrive and I don't like the formatting at all. Is this something that I can modify in CiviCRM? Or is this a WordPress issue?
  I want the text to go across the screen. It seems to be funneled down a column instead of across the screen.
  
  ***I WANT***
  \*\*Fri Only (13 & Up) (Includes automatic member discount of: 20% Member Discount) \*\*\*
  
  ***NOT:***
  \*\*Fri Only (13 &  
  Up) (Includes  
  automatic  
  member  
  discount of:  
  20% Member  
  [![enter image description here](https://i.sstatic.net/y3Pi1.png)](https://i.sstatic.net/y3Pi1.png)
  Discount) \*\*\*
  
  **Tags:** civievent, online-registration, formatting
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2024-01-30. Score: 1
  
  This is (probably) CiviCRM being a bit retro in how it thinks forms should display.
  
  If your other forms are not doing this, then you'll probably notice that this behavior only happens with a wider screen, and if you shrink down your screen, it behaves in a more modern way with the labels above the form elements.
  
  If you don't want this to happen, you can do some custom edits to your css, or you could also try out my CiviCRM theme here: <https://github.com/adixon/toronto>
  
  This "theme" can be manually installed as a civicrm extension (not yet available as automated) and then 'enabled' for your front end within CiviCRM itself. All it really does is try to strip out some old-fasioned css that has been plaguing civicrm for a while (e.g. what you experienced, as well as some font-forcing).
  
  
  ---
  
  ### Answer by username_2 on 2024-01-30. Score: 0
  
  This is controlled by your WordPress theme. If this site is only for CiviCRM, you can try changing your theme to something that looks nicer.
  
  If not, you will need to make CSS edits in your theme.
  
  > **Comments:**
  > **username_1**: I don't believe this is correct. CiviCRM (via civicrm.css) is floating labels to the left with this code: https://github.com/civicrm/civicrm-core/blob/ea8ae7ad83fb6ccf68a7f1f4cd0a56464bfb78e7/css/civicrm.css#L419 It is possible to override this behaviour in the theme of the CMS, but responsibility for the issue is squarely on CiviCRM.  
  
  ---
  
  