CSS issues and responsive design

  • Resolved zamyboi

    (@zamyboi)


    8 years, 6 months ago

    Hi,
    As seen on my page, there are some CSS issues.
    1. The form border and texts comes out of the website’s theme borders.
    2. How can I make my form responsive?

    Thanks! This plugin made my life easier!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    8 years, 6 months ago

    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.

    Thread Starter zamyboi

    (@zamyboi)

    8 years, 6 months ago

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

    Thread Starter zamyboi

    (@zamyboi)

    8 years, 6 months ago

    I have another question.
    I want to style my form like the one shown here:
    http://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 8 years, 6 months ago by zamyboi.
    Plugin Author codepeople

    (@codepeople)

    8 years, 6 months ago

    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.

    Thread Starter zamyboi

    (@zamyboi)

    8 years, 6 months ago

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

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

The topic ‘CSS issues and responsive design’ is closed to new replies.

Tags