[Resolved] How to center blockquotes

[George]

I created a blockquotes design with this CSS:

/*style blockquotes*/
blockquote {
max-width: 550px;
text-align: center;
margin: 20px;
padding: 20px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 20px;
background: #f7f2de;
border: solid 2px #a3725b;
border-radius: 30px;
}

The text is centered within the blockquotes. However the entire blockquote is somewhat to the left and the text is in italics. It is not totally left aligned. Is there something from the main style sheet that influences my CSS?
How do I get the entire blockquote to be centered? And is there a way to not have it in italics automatically?

[Leo]

Hi there,

Can you link me to the page? Thanks!

[George]

https://staging2.heavenlyheadmassage.com, or

https://staging2.heavenlyheadmassage.com/is-heavenly-head-massage-therapeutic-or-relaxing/

[Leo]

Try adding this to use your existing CSS:

margin: auto;
font-style: normal;

Let me know.

[George]

The font style works, but the centering is still not working. The blockquote is still off-center to the left.

[Leo]

Try margin: auto !important;

[George]

That works, thank you.

[Leo]

No problem!

[Author]

Posts