[Resolved] How to center blockquotes

Home Forums Support [Resolved] How to center blockquotes

Home Forums Support How to center blockquotes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #386492
    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?

    #386502
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the page? Thanks!

    #386520
    George
    #386677
    Leo
    Staff
    Customer Support

    Try adding this to use your existing CSS:

    margin: auto;
    font-style: normal;

    Let me know.

    #386708
    George

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

    #386709
    Leo
    Staff
    Customer Support

    Try margin: auto !important;

    #386725
    George

    That works, thank you.

    #386913
    Leo
    Staff
    Customer Support

    No problem!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.