CSS issues and responsive design

Hello @zamyboi,

The form is not responsive because you have inserted the form’s shortcode into a <td> tag with the style attribute: style="white-space:nowrap;" (the texts cannot be splitted in multiple lines) you simply should re-define this CSS rule as follows:

style="white-space:normal;"

Concerning to border around the form, this styles is not being applied to the form, the border is applied to the <table> tag where you have inserted the form’s shortcode.

Best regards.

Thanks a lot @codepeople!
It was a mistake from my end. Sorted it out. Thanks again!

I have another question.
I want to style my form like the one shown here:
https://damnripped.com/tdee-calculator/

change font type, changing background color for header, arranging fields side-on-side in columns. How do i do it?

• This reply was modified 7 years ago by zamyboi.

Hello @zamyboi,

You can find all styles applied to the fields and forms’ elements in the following link:

https://cff.dwbooster.com/faq#q82

The styles can be redefined through the “Customize Form Design” attribute in the “Form Settings” tab.

By the way, if you need a custom design I can offer you a custom coding service through my private website:

https://cff.dwbooster.com/customization

Best regards.

Thanks again! Shall look at it and get back if I have any questions!