Jump to content


Photo
- - - - -

Center blockquotes?

quotes blockquotes center

  • Please log in to reply
3 replies to this topic

#1 seanmcconkey

seanmcconkey

    Newbie

  • Members
  • 5 posts
  • Country: Country Flag

Posted 22 May 2013 - 06:22 AM

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

Attached Files



#2 Danny

Danny

    Is Awesome!

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

Posted 22 May 2013 - 06:37 AM

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.

 

Please Login or Register to see this Hidden Content

 

Code I used was this:

 

Please Login or Register to see this Hidden Content



#3 seanmcconkey

seanmcconkey

    Newbie

  • Members
  • 5 posts
  • Country: Country Flag

Posted 22 May 2013 - 07:44 AM

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.

#4 Danny

Danny

    Is Awesome!

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

Posted 22 May 2013 - 08:30 AM

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

 

Why not try span4 x3:

Please Login or Register to see this Hidden Content

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.







Also tagged with one or more of these keywords: quotes, blockquotes, center