Blockquote Style

  • Anonymous

    20 years, 1 month 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?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter Anonymous

    20 years, 1 month ago

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

    tcervo

    (@tcervo)

    20 years, 1 month 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.

    Thread Starter Anonymous

    20 years, 1 month ago

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

    Thread Starter Anonymous

    20 years, 1 month ago

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

    stevarino

    (@stevarino)

    20 years, 1 month 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>

    tcervo

    (@tcervo)

    20 years, 1 month 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…

    Thread Starter Anonymous

    20 years, 1 month ago

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blockquote Style’ is closed to new replies.