Pull quotes in Harmonic?

• 

  fjordaniv · Member · Dec 9, 2014 at 11:22 pm

  • Copy link
  • Add topic to favorites

  I’ve tried a few shortcodes and html/css tricks, but I can’t quite get pullquotes to work in the Harmonic theme. I’ve manage to add drop caps using <span style> tags. Is this the way to go?

  Thanks in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  fjordaniv · Member · Dec 10, 2014 at 1:20 am

  • Copy link

  I think I have something that works, although I might be limited to one side or the other.

  I’m using this HTML: <aside class=”pquote”>

  With this CSS:

  .pquote {
  float: right;
  width: 400px;
  background: url(‘//rememberingkarenhunt.files.wordpress.com/2014/12/quote1.gif’) top left no-repeat;
  color: #030;
  font-size: 20px;
  line-height: .9;
  font-style: italic;
  padding: 10px;
  }

  blockquote {
  margin: 0;
  }

  .pquote p:first-letter {
  font-size: 39px;
  font-weight: bold;
  }

  Now, I just need to figure out how to adjust the font size for the rest of the quote.

  If anyone has a more elegant solution (and one that would override Harmonic’s blockquote format, I’m all earss.