Centering blockquote

goconcept

Hi,

I would like to know how to center a blockquote using the page options builder. I added the item "blockquote" but it's automatically on the left and there is no option to align it differently when I click on edit. The only thing available as always is a line with for custom CSS classes and a box to insert the quote in which allows html. I tried using a html code to center the text, however, it only affects the text and not the item as a whole. Is there something I could do about it?

Here is the page: http://www.questerevent.com/bq/

Thanks!

goconcept

Also, would it be possible to either shorten the line that separates the quote from the author or to delete it altogether?

Albert

Hi,

please send us the screenshot with necessary changes so we can avoid confuse and be sure how you want to center blockquote.

About line, it's not possible to shorten just line. You can only set width for whole item and this can be done with below css:

.blockquote { width: 520px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

goconcept

http://www.questerevent.com/bq/

Here's the current page. I would like to move the quotation marks, the quote, the icon (person), and the name & title of the author, to the center of the page.

Also, where should I paste the CSS code (sorry I'm new to website creation)? :P 

Albert

You have only 2 ways to do this:

1. Use this blockquote item in the middle of site. You can use "Placeholders" on side and item in the middle of muffin builder.

2. You can use below css but it'w won't move the quote image:

.blockquote { text-align: center !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

goconcept

Nevermind, I figured it out by myself. Thanks anyway!

goconcept

I added this in custom css:

blockquote { max-width:390px; color: #5c4c40; text-align: center; padding-left: 5px; margin:0 auto; background:none; width:auto; display:table}