Sometimes it’s the small details. Whether it’s your online store, your blog or your business site, you likely will at some point use the blockquote.
I think one of the things most new users to WordPress find themselves confused about is the non-WYSIWYG of the WordPress editor window, and also how themes and styling dictate how your site and content will look like.
A perfect example of this is the blockquote. The little tool in your editor window that is a quote mark and basically formats some text to look similar to the old pull quote from print days. When you assign it to your text, most likely you need to preview it before you can decide whether you like how it formats the text.
Now if you were to Google customizing the WordPress blockquote, you would likely get a slew of results that focus on customizing it via CSS. Why? Because most themes don’t give you an easy way to do this.
Now, if you are adept at CSS, you can always edit that. Of course you will need to dive into things a bit and you will likely want to use the built-in CSS editor in WordPress unless you want to actually go in and mess with your theme, preferably a child theme.
Does Any Themes Have Blockquote Custom Settings?
Now it doesn’t end there my friends. Your theme may have specific customization for your block quotes. Unfortunately I couldn’t recall any themes that have this built-in through the customizer, but I am guessing there are some out there. Not quite sure how to find those as they are not often noted as a feature in a theme.
Plugins. Will They Help?
I will admit I didn’t go down the plugin vortex, but I did check out a couple when I search the repository for a free plugin using blockquote. I tried a couple.
The first was a plugin called Perfect Pull Quote. Now this one used shortcodes and adds another icon, so it doesn’t really do anything to the existing blockquote functionality. As you can see you have options for alignment, and then you have to add your own stuff in the shortcode.
So what I did was use the WordPress blockquote on the first one, and using this shortcode, added a different color and size.
And if we look at the frontend results, we can see that yes, it does look different. In fact, the color option in the shortcode applies to the line that is automatically inserted. I am guessing they do this as you also have the option to do a left and right aligned pull quote. In any case, not sure how to get rid of that line if I wanted to as I didn’t dive into this plugin any further.
The second option I chose was Better Blockquotes. Maybe a bit better, but still not the solution of being able to change font size, color, etc. It does replace the default blockquote but instead of selecting some text for you quote, all is does is gives you a popup window that lets you put the quote in, a citation and a citation link.
With the end results just slightly different than the original.
So as you can see, with my random selection I still didn’t find an easy way to really change the actual blockquote functionality of WordPress.
Now let’s take the plugin a bit further. For example, the Design Palette Pro plugin for Genesis child themes does this you much more control over this, as it’s designed to allow you to customize a lot of your Genesis child theme styling without knowing code. Now if you use that, and add the free extension for it, Genesis Design Palette Pro – Entry Content, this gives you an option to customize the block quotes.
You will see on the right all the options you are able to change for the Block Quotes. Here is it originally.
And here it is with the area margins, colors and typography customized. Now this wouldn’t be my first choice (or probably my second, third or fourth) for design changes, but wanted to do it drastically enough to show you what you can do. I have highlighted my adjustments
Then There Are Page Builders
Now if you are using a page builder, probably the block quote become a non-issue in some cases. You may choose to use the default in a post or page, but if you are building that page, you might use one of the builder modules that comes with whatever plugin you are using. I’m sure each page builder will have their own method to the madness, but, for example, in Beaver Builder if you do want to change the actual block quotes, you will need to use CSS.
But if you are building a page, you may choose to get creative and use the Testimonials module and add some quotes that way. Of course you could add a testimonial standalone plugin, but for the sake of this post, I am looking at BB. As you can see here you get three panels of customization for this.
You may be asking yourself at this point, Bob, why did you take me down this road? Well, it’s a well-traveled road and it all boils down to the fact that the style of your block quotes are theme driven, and to do anything else beyond customizing the CSS, the options are varied and also limiting.
And what I have shown you only touches the tip of the iceberg. Inside all those themes, plugins and page builders are feature, options and integrations I cannot even begin to comprehend.
Lastly. So What Are These Theme Styles?
So it all boils down to that CSS again. Each theme is styled differently and as a result the block quote will look different. How different? Let’s look at six different, random themes. I have added text above and below just to see how much it stands out. You will notice some stand out more than others. There are some that are very close to being the same. Whatever the case, it’s all about the theme.
Smart Passive Pro Genesis Child Theme
Shop Isle Theme
Eleven 40 Pro Genesis Child Theme
Generate Press Theme
Of course, remember, that if the styling is too weird and you need something simple, indent the line, change the color of text, and italicize it. In other words, keep it simple.