contact f

[noble51]

I installed Contact Form 7 and was hoping for it to look like your Contact page seen here:

http://dante.swiftideas.net/pages/contact/

After reading up on how I can style contact form 7 I was wondering if you could share the styling you used to make contact for 7 look like you have it on this demo page: http://dante.swiftideas.net/pages/contact/

Thanks in advance

Paul

[Rui Guerreiro – SUPPORT]

Hi,

This is the code from Swift Page Builder in that page. Paste the code in the Visual tab.
You will have to change the contact form ID that is in the code bellow to your contact form id.

[spb_gmaps address="London" size="450" type="roadmap" zoom="14" saturation="color" pin_image="11338" fullscreen="yes" width="1/1" el_position="first last"] [blank_spacer height="60px" width="1/1" el_position="first last"] [spb_text_block pb_margin_bottom="yes" pb_border_bottom="no" width="2/3" el_position="first"]

[contact-form-7 id="9150" title="Contact form 1"]

[/spb_text_block] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/3" el_position="last"]

Address

Apple Computer Inc
1 Infinite Loop
Cupertino CA
95014

Contact details

Email: [email protected]
Twitter: @SwiftIdeas
Phone: +44 (0) 208 0000 000
Fax: +44 (0) 208 0000 001

Stay social

[social size="large"]

[/spb_text_block] [blank_spacer height="31px" width="1/1" el_position="first last"]

-Rui

[noble51]

I’m a little unclear of what you are saying here.

I think we are not on the same page.

The Dante theme uses Contact Form 7 and it uses custom CSS to alter the “out of the box” style that comes with Contact Form 7.

I was wondering if you would/could share the CSS code that makes the demo contact us page look so awesome.

See your demo here:
http://dante.swiftideas.net/pages/contact/

See how the fields are the light blue, the field hints are INSIDE the fields, see how the fields are all stretched across the width of the column?
That looks awesome!

I want to duplicate that but don’t know the CSS to do that.

Here is the page I’m working on and see how it is just not that great looking.

http://webpagesis.com/is2/about-us/

Was wondering if you could/would share that CSS to make it look like your demo.

Thanks in advance

Paul

[Kyle – SUPPORT]

Hi

Yours looks exactly the same as ours? (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.