Replace Blockquote Image

  • Resolved chrismacleavy

    (@chrismacleavy)


    7 years, 4 months ago

    Hi Ben

    My apologies if this has already been logged in the forum, a quick search didn’t reveal it.
    It’s very simple, I would like to change the blockquote image. Is there some custom CSS I can use to point to a new image? Just planned on changing to some actual quotation marks.

    I’m sure it’s easy… for you ??

    Thanks in advance!

    CM

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Try this out:

    blockquote {
  position: relative;
  border: none;
}
blockquote:before {
  content: "\201C";
  position: absolute;
  top: 0;
  left: -24px;
  font-size: 60px;
  line-height: 60px;
}

    That’s going to remove the left border and instead add a left quotation mark to the top left of the blockquote. You can play around with the font size and “top” and “left” positions to get it to your liking.

    Thread Starter chrismacleavy

    (@chrismacleavy)

    PERFECT.
    Love it. Thanks again!

    Theme Author Ben Sibley

    (@bensibley)

    Always happy to help ??

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