Borders and Radio Alignment

  • TheTJ

    (@measuringflower)


    7 years, 10 months ago

    How do I remove the borders surrounding the name fields, the phone number field, the radio box field, and the file upload fields?

    Also, how do I center the radio circles beneath their yes or no?

    • This topic was modified 7 years, 10 months ago by TheTJ.

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

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    7 years, 10 months ago

    This is due to CSS styling applied to HTML elements within your current WordPress theme. To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    As example to “remove the borders surrounding the name fields” etc.

    CHANGE FROM:
../themes/bellaria/css/cws_main.css
table th, table td {
    padding: 14px;
    border: 1px solid #e0e6ea;
}
TO:
table th, table td {
    padding: 14px;
    border: none;
}
Viewing 1 replies (of 1 total)

The topic ‘Borders and Radio Alignment’ is closed to new replies.