How To Customize Blockquotes Style in WordPress Themes

How to Edit Blockquote Style in WordPress (With Examples)
Flora Zimmerman

If you are a WordPress blogger and often write your thoughts on it, chance that you may often add some quotes from influenced persons to sharpen your arguments. In WordPress, we can add a blockquote and will be showed on a different style. All you need to do is block your desired words and click on the Blockquote button available on the WordPress WYSIWYG editor.

How to Change Blockquotes Style in WordPress Themes
Desiree Johnson

blockquote {
width: 450px;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#7d7e7d’, endColorstr=’#0e0e0e’,GradientType=0 ); /* IE6-9 */
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;

Johanna Colon

Blockquotes are excellent at making a piece of information stand out. That’s why they’re typically reserved for longer quotes in your post; they put emphasis on the words while also providing a visual break from all the text. By default, WordPress, your theme, or maybe even a plugin will apply very basic CSS properties to blockquotes. For many people, that works just fine. But blockquotes are also a fun opportunity to apply some brand-specific elements to a site (think colors, shapes, textures, etc.).

Blockquotes In WordPress: Everything You Need To Know
Maisie Pickett

In short, blockquotes are meant to be much longer ‘blocks’ of text, usually a quotation from another person’s work, and should always be cited. If you studied humanities in college, you’ve probably used this form of quoting sources in academic papers. Citations are used to name the writer and source of a quote. And a quote is what you expect it to be: a quote you got from someone else, only a lot shorter so that it doesn’t need to be separated from your main body paragraph. In other words, something you did not say, but that you want to include in your writing because it was said so marvelously, you couldn’t say it better.

How to Customize BlockQuotes Style on WordPress
Elizabeth Roy

The first thing you need is to write the following code into your stylesheet. Here’s a tip about CSS. You can either find the code in your existing stylesheet and simply modify it* or you can write it out in a custom CSS box that many themes come with. *If you modify the theme stylesheet and it isn’t a child theme, it will get overwritten during an update so just know that. It’s better to add it to a specific CSS modifications area.

Be the first to comment

Leave a Reply

Your email address will not be published.