Using CSS and Blockquote

I wanted to put this up here as an example of how CSS (formatting) on a global scale can help you editing your WordPress site with the tools you have in the editing/formatting screen.

Watch the video below to see how I use the blockquote icon (the indent icon) and CSS formatting to make an otherwise normally-formatted paragraph change color, change position, and italicize. In this way, any time you needed to use that particular formatting on a page, you would just use the blockquote icon. In the same way, we could format the different headings (Heading 1, Heading 2, etc.) to do what we wanted and then you wouldn’t have to format each page individually. Enough typing, watch the video.

WordPress CSS using Blockquote Icon

2017-05-25T23:08:36+00:00

About the Author:

I’ve done the big corporate thing. I’ve done the creative writer thing. Now I’m happily in the middle. I like to help small businesses who are interested in “working their website before their website works them.” I’m also interested in creating beautiful sites with powerful WordPress themes. Google+

21 Comments

  1. Paul Sweeney July 20, 2007 at 9:49 pm - Reply

    That’s really funny, because just last month I had to handle something similar, and took the exact same approach: breaking out content in a blockquote.

    It’s good to know that I’m not the only mad one around here. :) Still, what I wouldn’t give for a neater solution for my clients. I’m half-tempted to add something similar to the pseudo-tag and build a Javascript filter to just grab everything after the (for example) pseudo-tag and apply the same CSS styling to it.

  2. KI4WLR August 22, 2007 at 10:55 am - Reply

    Thanks for the additional infomation on css blockquotes, I was trying to figure out how to better integrate a look. Thanks. Scott

  3. FAQ | Likoma September 29, 2007 at 11:35 am - Reply

    […] Plugins UsedAbout Likoma DesignPlease renew your domain nameWordPress OverviewUsing CSS and Blockquote […]

  4. Yara Korayem November 2, 2007 at 2:51 am - Reply

    Sweet! Thank you.

  5. Tom March 16, 2008 at 5:34 pm - Reply

    Just what I was looking for… thanks!

  6. […] Using CSS and Blockquotes ›(Advanced). […]

  7. […] Your Extended Profile (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update User Info […]

  8. […] (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, […]

  9. My Journal | Sayagi project February 13, 2009 at 4:52 am - Reply

    […] Your Extended Profile (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update User Info […]

  10. […] Using CSS and Blockquote […]

  11. […] Usando CSS y citas […]

  12. Anaa December 17, 2009 at 10:16 pm - Reply

    Sweet! Thank you

  13. Iqbal January 5, 2010 at 1:57 pm - Reply

    Thanks a lot, i will try it…[]

  14. mm January 22, 2010 at 12:39 am - Reply

    very nice

  15. […] (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update […]

  16. […] Your Extended Profile (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update User Info […]

  17. […] Extended Profile (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update User Info […]

  18. 111 Helpful WordPress Tutorial Videos January 24, 2012 at 10:11 am - Reply

    […] (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update […]

  19. […] Extended Profile (more info than Name, Email, etc.) ›. · Random Quotes › (Advanced). · Using CSS and Blockquotes ›(Advanced). · Simple Page Edit in WordPress ›(Advanced). · Lost Password, Update User Info […]

  20. Addin March 5, 2012 at 7:35 pm - Reply

    thanks for the Info, I’ll try.
    Addin recently posted … Cara Membuat Posting yang Menarik

  21. […] Using CSS and Blockquote […]

Leave A Comment

CommentLuv badge

css.php

Pin It on Pinterest

Shares
Share This