Title: CSS Styles not working
Last modified: August 30, 2016

---

# CSS Styles not working

 *  Resolved [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * (@ngrechg)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/)
 * Hello
    I’m trying to apply some CSS (font-family, font-size and color) to the
   form and it’s not working. I’ve tried all methods included in the FAQ section.
   I tried to put in both the plugin css sheet and the theme’s one and didn’t work.
   This is the style I’m using in this case: #fbuilder, #fbuilder label, #fbuilder
   span { font-family:’ubuntu’; font-size: 18px; color: #4d5760; } Then I tried 
   to use the “Add Css Layout Keywords” and add the style to the theme css sheet,
   but it didn’t work either. This is the one I used in this case: .specialclass
   label { font-family:’ubuntu’; font-size: 18px; color: #4d5760; } I’m using a 
   Genesis child theme Please advice Thanks a lot
 * [https://wordpress.org/plugins/calculated-fields-form/](https://wordpress.org/plugins/calculated-fields-form/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702061)
 * Hi,
 * Please, use the modifier: “!important”, in your CSS rules:
 *     ```
       #fbuilder, #fbuilder label, #fbuilder span {
       font-family:'ubuntu' !important;
       font-size: 18px !important;
       color: #4d5760 !important;
       }
       ```
   
 *     ```
       .specialclass label {
       font-family:'ubuntu' !important;
       font-size: 18px !important;
       color: #4d5760 !important;
       }
       ```
   
 * and please, remember to clear the browser’s cache after edit the online files.
 * Thank you very much for using our plugin.
 *  Thread Starter [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * (@ngrechg)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702066)
 * thanks for your quick answer, but it’s not working either 🙁
    Any clue on what
   might have been happening? Thanks
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702088)
 * Hi,
 * Could you send me the link to your webpage to check the styles defined, please?
 * Best regards.
 *  Thread Starter [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * (@ngrechg)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702228)
 * Hello
    this is the url where I’ve embedded the form [http://www.pruebas.terrazingmadrid.com/calcula-rentabilidad-terraza/](http://www.pruebas.terrazingmadrid.com/calcula-rentabilidad-terraza/)
   Thanks!
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702234)
 * Hi,
 * Please, be sure to paste the styles’ definitions at the end of file’s content:
 * [http://www.pruebas.terrazingmadrid.com/wp-content/plugins/calculated-fields-form/css/stylepublic.css](http://www.pruebas.terrazingmadrid.com/wp-content/plugins/calculated-fields-form/css/stylepublic.css)
 * And please, clears the browser’s cache after edit the online file.
 * I’ve checked the styles loaded by your webpage, and the styles’ definitions you
   sent me in the previous ticket are not loaded by the webpage, maybe because have
   been inserted in a CSS file that is not used by the webpage.
 * Best regards.
 *  Thread Starter [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * (@ngrechg)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702268)
 * Hi
    sorry, but it’s still not working. I first inserted the styles in the theme
   style sheet which it’s used by the webpage. Then, I followed your advice and 
   put it into the calculated-fields-form/css/stylepublic.css and it’s not working
   either. I’ve cleared the cache in all the trials. Any additional clue? Thanks
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702269)
 * Hi,
 * Please, remove the line of code you have inserted in the file:
 * //* Estilos simulador
 * Because the previous line of code converts in a comment, all CSS rules below 
   it.
 * Best regards.
 *  Thread Starter [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * (@ngrechg)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702279)
 * Ok! now it’s working 🙂
    I’ve also tried to inlude it in the theme style sheet
   to avoid overwriting when the plugin is updated and it worked as well. Thanks
   a lot for your help and patient Best regards

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS Styles not working’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 8 replies
 * 2 participants
 * Last reply from: [ngrechg](https://wordpress.org/support/users/ngrechg/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/css-styles-not-working-3/#post-6702279)
 * Status: resolved