Title: Custom CSS not working Last modified: September 23, 2016 --- # Custom CSS not working * Resolved [keithkraker](https://wordpress.org/support/users/keithkraker/) * (@keithkraker) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/) * After updating, my custom css styling no longer works… Can you please help me fix the issue? * The form can be found here: [http://myonation.com/macro-calculator/](http://myonation.com/macro-calculator/) Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215401) * Hi, * I’ve checked your webpage and the form design looks good, please, look the screenshot in the following link: * [http://wordpress.dwbooster.com/customdownloads/2016-09-23/screenshot.png](http://wordpress.dwbooster.com/customdownloads/2016-09-23/screenshot.png) * Could you tell me exactly what is wrong with your form, please? * Best regards. * Thread Starter [keithkraker](https://wordpress.org/support/users/keithkraker/) * (@keithkraker) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215411) * Yeah, that is without my custom styling. I removed the top borders and made bottom borders to sections, added spacing, and styled the buttons. All of this was working before, but no longer works. * Thread Starter [keithkraker](https://wordpress.org/support/users/keithkraker/) * (@keithkraker) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215430) * This is all the css I have for styling: * #formheader_1 { display: none !important; } * .section_break { padding-top: 30px !important; border-top: 0 !important !important;} * #fieldname46_1.section_break,#field_1-42.fields.comment_area { padding-top: 0 !important; } * #field_1-42.fields.comment_area { margin-top: -20px !important; } * .page-id-31196 h2,.page-id-31196 h3 { padding-bottom: 0 !important; } * #fbuilder .fields,#fbuilder .fform { padding: 15px 0 !important; } * .section_breaks { border-bottom: 1px solid #e2e2e2 !important; } * [@media](https://wordpress.org/support/users/media/) only screen and (max-width: 739px) { #fieldname43_1.section_break { margin-top: -60px !important; } } * #fieldname69_1,#fieldname68_1,#fieldname115_1,#fieldname91_1,#fieldname92_1,# fieldname96_1,#fieldname103_1,#fieldname104_1,#fieldname105_1,#fieldname106_1,# fieldname131_1,#fieldname132_1 { background: #fff !important; color: #ce0e0e! important; } * #field_1-29 label,#field_1-30 label,#field_1-44 label,#field_1-45 label,#field_1- 46 label,#field_1-47 label,#field_1-52 label,#field_1-53 label,#field_1-54 label,# field_1-55 label,#field_1-56 label { font-weight: 700 !important; } * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 739px){ . macros.fields.column4 { float: left !important; width: 24.9% !important; } } * .fiber.macros.fields.column4 { float: left !important; width: 32px !important;} * #macro-calculator-results.field.valid { -webkit-appearance: none !important; width: 100% !important; height: 60px !important; font-size: 1.17em !important;} * #fieldname121_1.field.reset-button { -webkit-appearance: none !important; width: 100% !important; height: 60px !important; font-size: 1.17em !important; background:# e2e2e2 !important; color: #777 !important; } * #field_1-22.fields.results.hide { padding-top: 40px !important; } * #fieldname68_1,#fieldname69_1,#fieldname91_1,#fieldname92_1,#fieldname96_1,#fieldname103_1,# fieldname104_1,#fieldname105_1,#fieldname106_1,#fieldname115_1 { padding-left: 0 !important; } * #fieldname131_1,#fieldname132_1,#field_1-48.fields.fiber.macros.column4,#field_1- 49.fields.fiber.macros.column4 { padding: 0 !important; } * #field_1-48.fields.fiber.macros.column4,#field_1-49.fields.fiber.macros.column4{ margin-top: -7px !important; } * I added !important to them all to see if that made it work again, but it did not help. * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215497) * Hi, * Please, try the following solution: * – Insert a “HTML Content” field in the form, and enter the piece of code below as its content: * ``` ``` * and please, let me know the results. * Best regards. * Thread Starter [keithkraker](https://wordpress.org/support/users/keithkraker/) * (@keithkraker) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215550) * So close to working! Everything is great, but the top border (dotted line) of sections still appears… How can I remove these? It doesn’t seem to want to remove them. * Thread Starter [keithkraker](https://wordpress.org/support/users/keithkraker/) * (@keithkraker) * [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215560) * Nevermind, I just made it transparent. I really appreciate the quick and helpful support! Thanks! Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Custom CSS 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 * [custom design](https://wordpress.org/support/topic-tag/custom-design/) * 6 replies * 2 participants * Last reply from: [keithkraker](https://wordpress.org/support/users/keithkraker/) * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/custom-css-not-working-41/#post-8215560) * Status: resolved