Archived

This topic is now archived and is closed to further replies.

  • 0

Weird justification


Question

9 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Catrina,

The shortcode is

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

Is there a way to left justify it maybe?

Thanks!

Mat

Share this post


Link to post
Share on other sites

Posted · Report post

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:sarah@brittenweddings.co.uk" 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="info@brittenweddings.co.uk" href="mailto:sarah@brittenweddings.co.uk" target="_blank">info@brittenweddings.co.uk</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>

Share this post


Link to post
Share on other sites

Posted · Report post

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/

Share this post


Link to post
Share on other sites