Answers.Body: <p>The most commen cause of this problem with Joomla is that Civi adds styling specific to the <code>div.crm-container label</code> selector, and Bootstrap-based themes, and Joomla's Admin theme also styles <code>label</code>. Which part of the CSS you need to override depends on your front-end theme, but as Pradeep says, editing this is how to fix your problem.</p>
  <p>If you are new to debugging CSS, use the Inspector panel in your browser..</p>
  <p><a href="https://i.sstatic.net/a0e1i.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/a0e1i.png" alt="screengrab of browser popup menu" /></a></p>
  <p>and you can see all the different selectors impacting the <code>label</code>.</p>
  <p><a href="https://i.sstatic.net/alAQp.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/alAQp.png" alt="enter image description here" /></a></p>
  <p>Generally selectors in Inspector that are higher-up override those further down in the 'cascade'. 'cascade' in Cascading Style Sheets refers to the order in which style information loads. So it sounds like CiviCRM's styles are loading higher in the cascade than your template's. By hovering over the different CSS filenames on the right, you can find which styling is added by your template, and what you'll specifially need to overwrite:</p>
  <p><a href="https://i.sstatic.net/QEgaa.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/QEgaa.png" alt="enter image description here" /></a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-04-20T12:21:11.653Z
Answers.LastActivityDate: 2021-04-20T12:21:11.653Z
Answers.UserDisplayName: Nic
Answers.Body: <p>You can add styling in your theme css file to over-ride the default style.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-03-19T12:44:42.080Z
Answers.LastActivityDate: 2021-03-19T12:44:42.080Z
Answers.UserDisplayName: Pradeep Nayak
Body: <p>I am having an issue with the front facing forms in Joomla all the labels are white on a white background. How can I change the label font colour on all forms/profiles to black?</p>
  <p>Thanks</p>
  
Tags: <profile><joomla><forms>
Title: How do I change the font colour in Front facing Joomla Forms
ThreadText: # How do I change the font colour in Front facing Joomla Forms
  
  (Asked by: username_0 on 2021-03-18)
  
  I am having an issue with the front facing forms in Joomla all the labels are white on a white background. How can I change the label font colour on all forms/profiles to black?
  
  Thanks
  
  **Tags:** profile, joomla, forms
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2021-04-20. Score: 0
  
  The most commen cause of this problem with Joomla is that Civi adds styling specific to the `div.crm-container label` selector, and Bootstrap-based themes, and Joomla's Admin theme also styles `label`. Which part of the CSS you need to override depends on your front-end theme, but as Pradeep says, editing this is how to fix your problem.
  
  If you are new to debugging CSS, use the Inspector panel in your browser..
  
  [![screengrab of browser popup menu](https://i.sstatic.net/a0e1i.png)](https://i.sstatic.net/a0e1i.png)
  
  and you can see all the different selectors impacting the `label`.
  
  [![enter image description here](https://i.sstatic.net/alAQp.png)](https://i.sstatic.net/alAQp.png)
  
  Generally selectors in Inspector that are higher-up override those further down in the 'cascade'. 'cascade' in Cascading Style Sheets refers to the order in which style information loads. So it sounds like CiviCRM's styles are loading higher in the cascade than your template's. By hovering over the different CSS filenames on the right, you can find which styling is added by your template, and what you'll specifially need to overwrite:
  
  [![enter image description here](https://i.sstatic.net/QEgaa.png)](https://i.sstatic.net/QEgaa.png)
  
  
  ---
  
  ### Answer by username_2 on 2021-03-19. Score: 0
  
  You can add styling in your theme css file to over-ride the default style.
  
  
  ---
  
  