Image

The form at Media23.co.uk affects the full width of the page. This is due to the CSS rules used in your theme.

However, your can change the width of your Contact form to have the rest of the space for your image as you wish.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms

Add your CSS via Child Theme or use custom CSS plugin

Thankyou very much davmerit I will give it a look now ??

Ok learnt a lot there. But still struggling to find the code that changes the overall size of the form

Contact Form 7 has minimal styling which allows a blend with the CSS style most of themes. Due to this, Contact Form 7 style is largely dependent on the CSS rules applied to your theme.
Currently, your theme displays content within a with of 1060px

#content {
width: 1060px;
margin: 20px;
margin-top: 0px;
}

Indicating that any entry that falls within the div#content that has no strict styling to it will fall within the same width.

Use Firebug or Chrome Dev Tools to to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

The links provided in my first reply will guide you on how to apply these changes.

I have used dev tools & everything on that link you sent seems to relate to the individual form fields. isnt there some simple custom css code that i can use wpcf7 ………… ? that i can just use ?

I would focus on controlling the width of the overall CF7 form as shown in the following code:

HTML:?
<div id="wpcf7-f50-p16-o1" class="wpcf7" dir="ltr" role="form">??

You could start with something like:

CSS:

#wpcf7-f50-p16-o1 {
      width: 80%;
}

Add via Child Theme or use custom CSS plugin.

NOTE: I don’t provide copy-pasta solutions in this forum. The code I’ve given is just a starting point for you to examine your form in detail using Dev Tools – you were looking in the wrong places.??
????

Thankyou Buzztone