Weird justification

[britten_uk 0]

Just updated my site to the latest version and, bar a few widget issues, the only thing wrong is that this page...

http://www.brittenweddings.co.uk/contact-britten-wedding-accessories/

has some weird justification going on and I cannot fix it!

The HTML (not an expert) looks ok to me - does anyone else have any ideas?

Thanks!

Mat

[catrina 103]

What is the HTML code you're entering for the contact information?

[britten_uk 0]

Its a shortcode via contact form 7 pasted into a text widget in the sidebar (I used layout to create a nice 500px odd sidebar) do think that could be the issue? Thanks!

[catrina 103]

Okay, what is that shortcode (exactly how it is) from Contact Form 7? It may have to do with the sidebar widget it's in...

[britten_uk 0]

Hi Catrina,

The shortcode is

[contact-form-7 id="3719" title="Contact Britten"]

Is there a way to left justify it maybe?

Thanks!

Mat

[Danny+ 1,327]

Hi,

If you're referring to the text with images on the right of the contact form. If so add this custom CSS:

#site .post-2684 .alignleft {

margin: 0;

}[/CODE]


The issue is your HTML as far as I can, the CSS above should resolve the issue.

[britten_uk 0]

Thanks Danny. I have added the CSS and it has nearly fixed it! Strangley one line has jumped below. This only happened when I updated Pagelines to the latest version - does it do something to the CSS?

Mat

[catrina 103]

Do you mean this line?: [email protected]

[britten_uk 0]

yes! weird eh? I haven't changed any html or anything!

<h1 style="text-align: left;">Contact us</h1>

<p style="text-align: left;">If you would like to get in touch with us please use the form on the left or use the details below, thanks!</p>

<p style="text-align: left;"><img class="size-full wp-image-2931" title="" src="http://www.brittenweddings.co.uk/wp-content/uploads/2012/08/Vintage-Telephone2.png" alt="" width="24" height="24" /> +44 (0) 1225 866892</p>

<p style="text-align: left;"><a title="e-mail Britten" href="mailto:[email protected]" target="_blank"><img class="alignleft size-full wp-image-2929" src="http://www.brittenweddings.co.uk/wp-content/uploads/2012/08/Envelope.png" alt="" width="24" height="24" /></a></p>

<a title="[email protected]" href="mailto:[email protected]" target="_blank">[email protected]</a>

<a title="Britten on Facebook" href="http://www.facebook.com/brittenweddings"'>http://www.facebook.com/brittenweddings" target="_blank"><img class="alignleft size-full wp-image-1286" title="Britten Weddings on Facebook" src="http://www.brittenweddings.co.uk/wp-content/uploads/2012/02/Facebook2.png" alt="" width="24" height="24" /></a> <a title="Britten on Facebook" href="http://www.facebook.com/brittenweddings"'>http://www.facebook.com/brittenweddings" target="_blank">facebook.com/brittenweddings</a>

<a title="Britten on Twitter" href="http://www.twitter.com/brittenweddings"'>http://www.twitter.com/brittenweddings" target="_blank"><img class="alignleft size-full wp-image-1289" title="Britten Weddings on Twitter" src="http://www.brittenweddings.co.uk/wp-content/uploads/2012/02/google.png" alt="" width="24" height="24" /></a> <a title="Britten on Twitter" href="http://www.twitter.com/brittenweddings"'>http://www.twitter.com/brittenweddings" target="_blank">twitter.com/brittenweddings</a>

<p style="text-align: left;"></p>

[Danny+ 1,327]

Hi,

Would it be possible for you to alter your code slightly and use a list instead. This may resolve the issue.

so it should look something like this:

<ul>

<li>...</li>

<li>...</li>

</ul>

[/code]


Also in future when adding code to a post, can you use our pastie service please - http://paste.pagelines.com/