WordPress.com Forums » Topic: Change layout contact form by Custom CSS http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css WordPress.com Forums » Topic: Change layout contact form by Custom CSS en Fri, 24 May 2013 22:10:05 +0000 http://bbpress.org/?v=1.1-alpha-2539 adrienemery on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1052933 Sat, 27 Oct 2012 17:23:05 +0000 adrienemery 1052933@http://en.forums.wordpress.com/ Ok so here is an update. I got it to work by removing the ".entry" in both cases so it looks like this:

<br /> .contact-form label {<br /> color: #DBA03E;<br /> font-family: Arial, sans-serif;<br /> font-size: 80%;<br /> }<br /> .contact-form label span {<br /> color: #FF0000;<br /> font-size: 70%;<br /> }

]]> adrienemery on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1052615 Sat, 27 Oct 2012 03:47:55 +0000 adrienemery 1052615@http://en.forums.wordpress.com/ link dissapeard there,

http://adrienemery.com/contact/

]]> adrienemery on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1052614 Sat, 27 Oct 2012 03:47:03 +0000 adrienemery 1052614@http://en.forums.wordpress.com/ So I tried adding the code to my custom style sheet but it doesn't seem to have any affect.

Does it need to be added in a specific area?

Thanks in advance...

my contact form is at

]]> triskelephotography on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1026232 Sun, 30 Sep 2012 17:24:51 +0000 triskelephotography 1026232@http://en.forums.wordpress.com/ Fantastic! Thanks for your quick reply! It looks so much better now! And the information links were quite helpful too!

Regards

Franca

]]> designsimply on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1025660 Sat, 29 Sep 2012 17:51:28 +0000 designsimply 1025660@http://en.forums.wordpress.com/ I found your contact page here:
http://triskele-photography.com/contact-2/

Here is an example to get you started. It will change the colors and the fonts of the labels:

.entry .contact-form label {
	color: #DBA03E;
	font-family: Arial, sans-serif;
	font-size: 80%;
}
.entry .contact-form label span {
	color: #FF0000;
	font-size: 70%;
}

You an adjust the color codes, font stack, and font size percentages until it looks good to you.

Here is a color picker you can use to find new color codes:
http://automattic.github.com/Iris/

Read this to lear more about font stacks:
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

]]> triskelephotography on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1024004 Thu, 27 Sep 2012 20:48:28 +0000 triskelephotography 1024004@http://en.forums.wordpress.com/ Hmm http:// was removed when submitting the form.....complete link: http://triskele-photography.com

]]> triskelephotography on "Change layout contact form by Custom CSS" http://en.forums.wordpress.com/topic/change-layout-contact-form-by-custom-css#post-1024002 Thu, 27 Sep 2012 20:47:02 +0000 triskelephotography 1024002@http://en.forums.wordpress.com/ Hello,

I'm trying to change the layout (colours/font) of the contact form I created in my Photography theme (by using CSS). I don't know the CSS code to be working with though. Can anyone help me?

Regards

Franca (obviously very new at this)

]]>