Support » Themes and Templates » Styling post-content p but not blockquote p?

  • Resolved dimartensson


    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi


    Forum Moderator

    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?

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



    Forum Moderator


    .post-content blockquote p:first-child:first-letter {
    font-size: 0em;
    padding-top: 0
    margin-right: 0;

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling post-content p but not blockquote p?’ is closed to new replies.