Jump to content
Sign in to follow this  
britten_uk

Weird justification

Recommended Posts

britten_uk    0
britten_uk

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
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
britten_uk    0
britten_uk

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
britten_uk    0
britten_uk

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
britten_uk    0
britten_uk

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
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Claudio
      By Claudio+
      I have a problem with the typography settings. I set the H1 class with "font-weight: 300;" (Very thin weight), and "font-size: 50px;" (To have considerable evidence of my problem). Unfortunately, as you can see on the screenshots, those setting don't have any incidence on the site, Infact in the home page editor there is a trial title called "Text test", bold, and 26 px approximatly sized.
      Why the typography settings are not transposed on the site? Where I wrong?


    • John Olsson
      By John Olsson+
      I have a problem with the regular textbox in pl5, in this case, the text goes in that container, but it will hide som of the text, as if the container itself won't fit?
      Is this some kind of bug or have I done something stupid, never happend before with pl5 doh, can I do something smart about it?
      Version: Version 5.0.108
      Look here: www.gastronova.co56.se

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all,
      I've been trying to justify the base font in PL5 with the Framework theme, but in doing so it's thrown a curve ball; it seems the font styling used by many of the PL5 Element sections (masthead etc) is overriding the global CSS.
      I set the base font style to justified in the Typography backend panel, and it seems to only apply to the base font used in standard Text sections, not to the base font used in text boxes within Element sections, could be others too, but not checked.
      Can we override this? It seems odd to have to (somehow) apply justification many times to different containers using the same base font, right?
      Also - I tried to add the CSS font-variant: small-caps; to the H3/4/5/6 CSS field in Typography panel, and again nothing happens, this time not even in Text sections!
      Confused I am! Please help...
      Cheers
      Barney
    • Jeremiah
      By Jeremiah+
      How do I find the correct Plugin text string and alter it without affecting updates?
    • Louis
      By Louis
      Hi, thanks for making such a wonderful theme :)
       
      I set my website up nearly exact as I like it. 
       
      Only problem is that on the homepage my post's text is indented as if there was a widget area in the left side but I only have one for the right side.
       
      Here is what it looks like on the home page: www.gutjourney.com
       
      When you click on the post, it looks like how I wish it looked (width wise)  (I still want to continue with the post previews on my home page). 
       
      Can someone help me make my posts on my homepage line up to the left of my logo the same way they do on the actual post's page?
       
      Thank you!
       
      Louis
×