Jump to content


Photo
- - - - -

Weird justification

text justtification

  • Please log in to reply
9 replies to this topic

#1 britten_uk

britten_uk

    Member

  • Members

  • 20 posts

Posted 04 October 2012 - 01:35 PM

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

Please Login or Register to see this Hidden Content


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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 October 2012 - 02:29 PM

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

#3 britten_uk

britten_uk

    Member

  • Members

  • 20 posts

Posted 04 October 2012 - 02:35 PM

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!

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 October 2012 - 04:32 PM

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

#5 britten_uk

britten_uk

    Member

  • Members

  • 20 posts

Posted 08 October 2012 - 01:48 PM

Hi Catrina,

The shortcode is

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

Is there a way to left justify it maybe?

Thanks!

Mat

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 October 2012 - 10:38 AM

Hi,

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


Please Login or Register to see this Hidden Content


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

#7 britten_uk

britten_uk

    Member

  • Members

  • 20 posts

Posted 10 October 2012 - 04:00 PM

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

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 10 October 2012 - 05:31 PM

Do you mean this line?:

Please Login or Register to see this Hidden Content



#9 britten_uk

britten_uk

    Member

  • Members

  • 20 posts

Posted 11 October 2012 - 08:08 AM

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="

Please Login or Register to see this Hidden Content

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="

Please Login or Register to see this Hidden Content

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="

Please Login or Register to see this Hidden Content

target="_blank"><img class="alignleft size-full wp-image-1286" title="Britten Weddings on Facebook" src="

Please Login or Register to see this Hidden Content

alt="" width="24" height="24" /></a> <a title="Britten on Facebook" href="

Please Login or Register to see this Hidden Content

target="_blank">facebook.com/brittenweddings</a>

<a title="Britten on Twitter" href="

Please Login or Register to see this Hidden Content

target="_blank"><img class="alignleft size-full wp-image-1289" title="Britten Weddings on Twitter" src="

Please Login or Register to see this Hidden Content

alt="" width="24" height="24" /></a> <a title="Britten on Twitter" href="

Please Login or Register to see this Hidden Content

target="_blank">twitter.com/brittenweddings</a>
<p style="text-align: left;"></p>

#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 09:36 AM

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:

Please Login or Register to see this Hidden Content


Also in future when adding code to a post, can you use our pastie service please -

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: text, justtification