• X

    How to Customize Thesis Theme Block Quote

    By in Uncategorized

    Bluehost hosting

    How to Customize Thesis Theme Block Quote

    Block quotes or quotes are usually used to show a note fro other blogs or to show a comment.   You can see an example of Block quotes in my previous post on

    How to start with professional blogging?

    blockquotes thumb

    Block quotes make a post scan able and readers a can easily navigate through the important part of the post. Most of wordpress themes does not have any style enabled for Block quotes, but this can easily be done with Thesis custom.css.


    To Enable the block quotes in Thesis theme, you need to add these lines of code in your custom.css file.

    .custom blockquote { color: #1C2639; padding-top: 10px; padding-bottom: 0.5px; padding-right: 5px;
    font: italic 1.2em Georgia, "Times New Roman", Times, serif; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    .custom blockquote { background: #ECEFF5; }


    You can change the last line color code #ECEFF5 to any desired background color you want for your quotes.


    Subscribe to Download WordPress Guide Worth $99

    Discover more awesome articles

    Article by

    Harsh has written 1129 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to Blogging tips via RSS or EMAIL to receive instant updates.

    { 6 comments… read them below or add one }


    Hi Harsh,

    thanks for providing the css code. I’ve been searching online almost all day but couldnt find the perfect one that suits my style, until i found your blog. So thanks so much.



    Julie-Inspired to Write

    I am curious, my bottom padding is set at 0.5 and it looks like more. When I set it to 0, there is NO padding. Anything above 0 (even 0.01) gives it the same large padding as 1px or higher. Thanks for the post! I will be adding your site to my ‘top must follow blogs’ post in a couple weeks!


    James Cage

    I love that post. Great tutorial. I’ll use it tonight. Thanks



    Thank, nice tips.

    Hey, i saw your ads in the center if this post.
    How you do that. Can you give me a hint?
    And how to wrap it with the text?

    Thanks Before



    Hi Harsh,

    i have a little Offtopic Question. I´ve noticed, that you also use Thesis as your Wordpress Theme. I am wondering, how you realize the Thumbnail Pics beneath the Teasers on the Index Page. This is really nice. Can you please give me a Hint?
    Thanks a lot.


    Surender Sharma

    Hi Harsh,
    Really impressive css styling of block.
    Actually I was thinking to changing the style for my blog but you have done this great job nicely.
    Thanks buddy.


    Leave a Comment

    Previous post:

    Next post: