How do I center the blockquote and author of the quote

Dear support,

How do I center the blockquote (including the quotation marks) and the author of the quote, so both elements are at the center of the screen? (https://howtogetrippedathome.com/)

I tried using ‘display: block’ and specify a width, but hen it becomes really strange when on mobile phone.

I hope that you can help me.

Best,
Maarten

Hi there,

Add this CSS code below to Customize > additional CSS please:

.blockquote-area {
    text-align: center;
}
blockquote:before {
    float: none;
}

Regards,
Awan

Thanks, worked perfectly! I made the mistake of center aligning the blockquote itself, not the blockquote area. Thank you.

1 Like