How to Edit Block Quotes in WordPress
WordPress inherently supports the "Blockquote" feature within the post editor. This feature is for including quotes longer than one line. It places them in their own separate section and generally aligns or styles the quote differently than the other text. Using basic CSS properties in the theme's stylesheet, you can easily edit the theme's blockquote properties.
Other People Are Reading
Instructions
-
-
1
Sign in to your WordPress dashboard. Click on "Editor" to open the template editor.
-
2
Click on "Style.css." Browse through the file and locate the "Blockquote" styling attribute. It should look something like this:
blockquote {
font-style: italic;
padding-left: 30px;
}
-
-
3
Change the styling attributes, or add to them as desired. For example, if you wanted to change the blockquote text to a bold font, replace "italic" with "bold."
-
4
Adjust the on the left side of the blockquote by increasing or decreasing the pixel value. For example, to move the blockquote text further to the right, you could increase the pixel value for the padding to 60px.
-
5
Assign a custom font to the blockquote, if desired, by adding the "font-family" tag:
blockquote {
font-style: italic;
font-family: Georgia;
padding-left: 30px;
}
-
6
Add a custom background color or border to the blockquote by using the border and background tags:
blockquote {
font-style: italic;
border: 3px;
background: #EEEEEE
padding-left: 30px;
}
-
1
Tips & Warnings
You can use any CSS styling attributes to style the WordPress theme's blockquote property.
