Josh Hardman

You’re welcome ??

It might be the WordPress install, but more likely it is iPage. I’m assuming it is hosted on a shared server, because in the past I’ve had the exact same problem with WordPress blogs on iPage which have been fine on other servers.

You don’t want to download WP Super Cache until your website is ready to be cached. Otherwise the plugin starts caching things that are not finished.

The holding page is still showing.

Might have something to do with WP Super Cache running.

Either target the img directly or add a class to the image like so:

<img src=”#” class=”headerImage” />

Then in CSS:

.headerImage{
width: 250px;
height: 250px;
}

I can’t actually view anything except a holding page?

Add this to the .wpp-post-title class:

.wpp-post-title{
width: 138px;
display: block;
float: right;
}

textarea{
     width: 300px;
     height: 25px;
}

The text area are not inputs. These are textareas. You can target global text areas using:

textarea{
}

Try creating a custom class around the submit in the form generator:

<p class="contact-submit">[submit "SUBMIT"]</p>

Then, add CSS styles as such:

.contact-submit input{
     width: 100px;
     height: 30px;
     background-color: #000;
     font-size: 13px;
     color: #fff;
     border: 1px solid #fff;
     border-radius: 5px;
}

1. For rounded corners, simply add border radius to the input field style. For example:

input{
    border-radius: 5px
}

To edit the submit button, create a class and place it around the submit in the contact form generator, e.g.

<p class="contact-submit">[submit "SUBMIT"]</p>

Then, add some styles in your main stylesheet like:

.contact-submit input{
     width: 100px;
     height: 30px;
     background-color: #000;
     font-size: 13px;
     color: #fff;
     border: 1px solid #fff;
     border-radius: 5px;
}

2. The text titles inside the fields is called a watermark. This is easily added in the form generator:
[text* your-name watermark "Your name goes here..."]

If it is the input fields that you want to change, then you can change the global input element. For example:

input{
     width: 300px;
     height: 25px;
}

This will adjust every input field on the site, so beware if you have other forms. If you want to directly change a set of fields, you will have to create classes for them which can be done from the Contact Form 7 admin panel.

In your main stylesheet you can control any form field height/font by simply using the form input CSS class. For example:

input{
     width: 300px;
     height: 30px;
     font-size: 15px;
     font-color: #000;
}

Bear in mind though, if you are using forms anywhere else on your website, these will also take the same styles. If you want separate form styles, you will need to create a class for the form fields which can be done in the Contact Form 7 admin menu, and simply add the style to your main stylesheet.

It is being set in style.css, line 251 in the p{} element.

If any one could please set me in the right direction, it would be greatly appreciated!