Before you ask please READ THIS

Form styling

edited December 2013 in Superior Posts: 20
Hi there,

I am including Salesforce Web to lead forms in my website and I wondered if there is any custom css code I could add to give these forms the same styling as the Contact Form 7 web forms.

The forms can be seen on this page in the 'Make an enquiry' tab: http://consultancy-hub.com/dev/professional-network/sole-trader-and-limited-company-setup/

Also see screenshot.

Any help you can give would be much appreciated.

Thanks

Amy
Screen Shot 2013-12-21 at 12.57.42.png
1541 x 780 - 133K

Comments

  • AirAir
    Posts: 10,970
    Hi

    I see you have some dirty HTML there(not closed " or other important stuff).
    Anyway you can try such CSS:
    .wpb_content_element label{
    display: block;
    margin-top: 15px;
    }
    With regards.
  • That worked brilliantly, thank you very much! I wonder is there anything I can add to the code to add a few pixels of padding above the submit query button? See screenshot.
    Screen Shot 2013-12-29 at 10.31.06.png
    1456 x 792 - 114K
  • AirAir
    Posts: 10,970
    Nice:-) Try this
    .wpb_content_element input[type="submit"]{
    margin-top: 15px;
    }
    With regards.
  • Sorted, thanks!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!