Home Subscribe to this site with an RSS reader Search this site Contact Likoma Uh, a little help here, please?
Recently

Using CSS and Blockquote

By Bradley Charbonneau | Filed under CSS, Design, Help, Tutorials, WordPress

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


14 Responses to “Using CSS and Blockquote”

  1. Paul Sweeney Says:
    July 20th, 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 Says:
    August 22nd, 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. FAQ | Likoma Says:
    September 29th, 2007 at 11:35 am

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

  4. Yara Korayem Says:
    November 2nd, 2007 at 2:51 am

    Sweet! Thank you.

  5. Tom Says:
    March 16th, 2008 at 5:34 pm

    Just what I was looking for… thanks!

  6. Wordpress Share » DDL (RS) Free download » 100 tutoriels vidéos pour Wordpress ENG Says:
    November 26th, 2008 at 4:00 pm

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

  7. GeekLife » Blog Archive » 100+ Guide video per Wordpress [video tutorials] Says:
    December 12th, 2008 at 4:58 am

    [...] 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. GeekLife » Blog Archive » 100+ Guide video per Wordpress [video tutorials] Says:
    December 12th, 2008 at 7:02 am

    [...] (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 Says:
    February 13th, 2009 at 4:52 am

    [...] 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. Design-Tut+ » 110+ Massive Wordpress Video Tutorial Collection Says:
    June 4th, 2009 at 9:34 am

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

  11. Descarga Directa - 101 videotutoriales de WordPress Says:
    October 7th, 2009 at 1:41 am

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

  12. Anaa Says:
    December 17th, 2009 at 10:16 pm

    Sweet! Thank you

  13. Iqbal Says:
    January 5th, 2010 at 1:57 pm

    Thanks a lot, i will try it…[]

  14. mm Says:
    January 22nd, 2010 at 12:39 am

    very nice

Leave a Comment