[resolved] Styling post-content p but not blockquote p? (5 posts)

  1. dimartensson
    Posted 6 years ago #

    I'm styling post-content's p tag with:
    .post-content p:first-child:first-letter { display:block; float:left; font-size: 3.5em; padding-top: 4px; margin-right: 3px; text-transform:uppercase; }

    But each blockquote starts it's own p tag and applies this change. I've been trying different combinations (being far from an expert at css) of styling the blockquote's p with various information etc. to try to overrule this change.

    All I've been able to conclude so far is that the Devil invented the blockquote tag and he refuses to abide to anyone's will but his own.

    I'd be most grateful for any help/thoughts on this.

    Daniel I. MÃ¥rtensson

  2. esmi
    Forum Moderator
    Posted 6 years ago #

    Are you trying to remove all of the styling from the blockquote-p elements? Or just apply the styling to the first p element in a blockquote?

  3. dimartensson
    Posted 6 years ago #

    I'm trying to remove the styling that gets inherited from .post-conent p in the blockquote's.

  4. esmi
    Forum Moderator
    Posted 6 years ago #


    .post-content blockquote p:first-child:first-letter {
    font-size: 0em;
    padding-top: 0
    margin-right: 0;
  5. dimartensson
    Posted 6 years ago #

    I know my reply is a tad late. Been busy with other things lately. In any case, it seems your solution worked. Thanks!
    I must have messed with the "path" (first line) when attempting this earlier.

Topic Closed

This topic has been closed to new replies.

About this Topic