Need help? Check out our Support site, then

Change layout contact form by Custom CSS

  1. 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?


    Franca (obviously very new at this)

    The blog I need help with is

  2. Hmm http:// was removed when submitting the form.....complete link:

  3. I found your contact page here:

    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:

    Read this to lear more about font stacks:

  4. Fantastic! Thanks for your quick reply! It looks so much better now! And the information links were quite helpful too!



  5. 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

  6. link dissapeard there,

  7. 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 /> }

Topic Closed

This topic has been closed to new replies.

About this Topic