WordPress.org

Ready to get started?Download WordPress

Forums

Blockquote Style (8 posts)

  1. Anonymous
    Unregistered
    Posted 10 years ago #

    I'm a relative CSS novice, and I'm having a bit of trouble with styling blockquotes on my new blog . I'd be very grateful for some adcvice. I've added the following to my stylesheet:
    BLOCKQUOTE {
    border-left: 3px #333
    FONT: italic 90%/150% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    LETTER-SPACING: -1px;
    }
    But as you'll see the text remains stubbornly non-italic. I've noticed that wordpress seems to add p tags inside the blockquotes. Could the P style be overriding the blockquote style? If so is there some other way of defining the general text style so that this doesn't happen?

  2. Anonymous
    Unregistered
    Posted 10 years ago #

    Very sorry. That link again. No doubt you'll have figured out what I meant anyway

  3. tcervo
    Member
    Posted 10 years ago #

    You're missing a semi-colon after the border-left declaration. Also, just a style tip, try to use lowercase instead of all caps. Not sure it makes a difference, but it might in some browsers...Better safe than sorry.

  4. Anonymous
    Unregistered
    Posted 10 years ago #

    Italics has been deprecated I think. The proper property I understand is em
    for emphasis. CSS2

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    Forgot. There is also a comma missing after the text size / line heights.

  6. Stevarino
    Member
    Posted 10 years ago #

    anon #1 - this is css, not xhtml. italic is very much a css property.
    You might be right about the paragraph tags over-ruling the italics. Try this:
    <pre>blockquote p { font-style: italic; }</pre>

  7. tcervo
    Member
    Posted 10 years ago #

    Stevarino (and anon#1) re: the paragraph tag:
    I've only styled the blockquote tag, and even though there are paragraph tags inside the blockquote, it works just fine...

  8. Anonymous
    Unregistered
    Posted 10 years ago #

    Thanks a lot, Stevarino. Blockquote p { } solved it

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.