Centering blockquote

goconcept · June 2015

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 · June 2015

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

Albert · June 2015

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; }

goconcept · June 2015

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 · June 2015

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; }

goconcept · June 2015

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

goconcept · June 2015

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}

Centering blockquote

Comments