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

, , , ,

21 Responses to Using CSS and Blockquote

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

    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 #

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

  3. Yara Korayem November 2, 2007 at 2:51 am #

    Sweet! Thank you.

  4. Tom March 16, 2008 at 5:34 pm #

    Just what I was looking for… thanks!

  5. Anaa December 17, 2009 at 10:16 pm #

    Sweet! Thank you

  6. Iqbal January 5, 2010 at 1:57 pm #

    Thanks a lot, i will try it…[]

  7. mm January 22, 2010 at 12:39 am #

    very nice

  8. Addin March 5, 2012 at 7:35 pm #

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

Trackbacks/Pingbacks

  1. FAQ | Likoma - September 29, 2007

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

  2. Wordpress Share » DDL (RS) Free download » 100 tutoriels vidéos pour Wordpress ENG - November 26, 2008

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

  3. GeekLife » Blog Archive » 100+ Guide video per Wordpress [video tutorials] - December 12, 2008

    [...] 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 [...]

  4. GeekLife » Blog Archive » 100+ Guide video per Wordpress [video tutorials] - December 12, 2008

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

  5. My Journal | Sayagi project - February 13, 2009

    [...] 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 [...]

  6. Design-Tut+ » 110+ Massive Wordpress Video Tutorial Collection - June 4, 2009

    [...] Using CSS and Blockquote [...]

  7. Descarga Directa - 101 videotutoriales de WordPress - October 7, 2009

    [...] Usando CSS y citas [...]

  8. 100+ Wordpress Video Tutorials, from Basic to Advanced - Speckyboy Design Magazine - March 30, 2010

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

  9. Video Tutoriales de WordPress desde lo básico a lo Avanzado | Victor Miranda - June 17, 2011

    [...] 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. Even More WP Tutorials | Kerugma Designs - October 28, 2011

    [...] 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 [...]

  11. 111 Helpful WordPress Tutorial Videos - January 24, 2012

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

  12. 100+ WordPress Video Tutorials, from Basic to Advanced | WebAwwards - February 25, 2012

    [...] 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 [...]

  13. 110+ Massive Wordpress Video Tutorial Collection - May 13, 2012

    [...] Using CSS and Blockquote [...]

Leave a Reply


eight − = 7

CommentLuv badge

css.php