≡ Menu

[How-To Guide] Style Blockquote In Thesis WordPress Theme

Thesis WordPress Theme is an SEO optimized and do it yourself WordPress Theme which comes with lots of features and without any knowledge of PHP and CSS you can easily design professionally looking website in no time. Still thinking to get your copy of Thesis WordPress Theme, then get it right now:

Sign-Up Link for Thesis WordPress Theme

In this post I’m sharing how to style a blockkquote. Blockquote defines a block quotation within the text as shown below:

style-blockquote-thesis3

Now in this post, I show you how to customize this blockquote in step-by-step guide.

Step1: First log-in into wp-admin panel, then go to “Thesis” tab and click on “Custom File Editor” as shown below:

style-blockquote-thesis

Step2: When you click on “Custom File Editor” a new window open as shown below:

style-blockquote-thesis1

Step3: Now copy this code

.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: #FFFDCF; }

Step4: After copying above code, paste this code in “custom.css” file and click on “Big Ass Save Button” as shown below:

style-blockquote-thesis2

Step5: Congratulations, you have successfully styled blockquote in Thesis WordPress Theme.

If you have any query let me know via comments or get in touch using contact form

If you have not get your copy of Thesis WordPress Theme, then get it right now:

Sign-Up Link for Thesis WordPress Theme

Find this tutorial useful, then why not share it with your friends and do not forget to follow WebGuide4U on Twitter for more Thesis Tutorial

{ 0 comments… add one }

Leave a Comment