Archived

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

  • 0

Center blockquotes?


Question

Posted · Report post

I would really like to center some blockquotes I have on a clients spec site.

 

this is the current code I'm using because it's the closest way I can get it centred:

 

 

[row]
[span4][/span4]
[span5][pl_blockquote cite="Anonymous"] A certain darkness is needed to see the stars.[/pl_blockquote][/span5]
[span3][/span3]
[/row]

 

 

It's off a bit but I really like the style of the blockquote.

 

I've tried using the "center" shortcode but it centers the text and moves the line to the left edge of the page.

I would like to have it look like the attached file just completely centred on the page.

 

 

Any help would be great

post-7618-0-28913400-1369202685_thumb.pn

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

Not sure what you issue is, I have just used the PageLines grid (not the shortcodes plugin from the store) and my blockquote looks like your image.

 

http://cl.ly/image/3H3D000q0Q0g

 

Code I used was this:

 

<div class="row">
<div class="span4"></div>
<div class="span5">[pl_blockquote cite="Anonymous"] A certain darkness is needed to see the stars.[/pl_blockquote]</div>
<div class="span3"></div>
</div>

Share this post


Link to post
Share on other sites

Posted · Report post

Is there a way to center it without using the grid. If you read my post Danny, the quote is not perfectly centered, that's the issue. With longer or shorter quotes its even more noticible. And if you read the code you would also realize that a span of 4 5 & 3 doesn't seem centered either. If you try say 3 6 & 3 you will notice that the quote lines up more to the left. I was cheating it more towards the center.

Share this post


Link to post
Share on other sites

Posted · Report post

Well the I thought you wanted to use the grid layout.

 

Why not try span4 x3:

<div class="row">
<div class="span4"></div>
<div class="span4 tac">[pl_blockquote cite="Anonymous"] A certain darkness is needed to see the stars.[/pl_blockquote]</div>
<div class="span4"></div>
</div>

If that doesn't work you're going to need to use custom CSS. I recommend you inspect the blockquote element using either Firebug or your browsers built-in web dev tools.

Share this post


Link to post
Share on other sites