Pull quotes floating left AND changing font size

• 

  karinkoolen · Member · May 13, 2014 at 10:24 am

  • Copy link
  • Add topic to favorites

  Hi there,

  I always use pull quotes in my posts. Now I would like to be able to not only insert pull quotes on the right, but also on the left. Inserting

  .pull-left {
  	width: 33%;
  	float: left;
  }

  does not seem to do the trick.

  Second thing: I was able to change the font-color for pull quotes with some blockquote styling, but I can’t change the font size or style in CSS. What should I do?

  Thank you!

  karinkoolen.com

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

• 

  colorfultones · Member · May 13, 2014 at 5:12 pm

  • Copy link

  Inserting

  .pull-left {
  width: 33%;
  float: left;
  }

  does not seem to do the trick.

  I tested on your site. Specifically on this page, and it should work. Can you provide more details as to what is not working please? Also, browser you’re using would be good.

  Second thing: I was able to change the font-color for pull quotes with some blockquote styling, but I can’t change the font size or style in CSS. What should I do?

  You should be able to change the font-size with this:

  .wf-active blockquote {
      font-size: 22px; /* change to your desired size */
  }

  Is there anything else you’re trying to change on the blockquotes with CSS?

• 

  karinkoolen · Member · May 14, 2014 at 8:36 am

  • Copy link

  Thank you so much, it both works great!
  For the pull quote, I just forgot the ‘}’ *shame* ;-)

  With your code I’ve managed to change the font size too! .wf-active did the trick!

  Thanks!!!

• 

  colorfultones · Member · May 14, 2014 at 11:40 am

  • Copy link

  Funny, I forgot the closing bracket } on my reply too. I am ashamed :-)

  Glad it worked!

• 

  thesacredpath · Member · May 15, 2014 at 5:46 am

  • Copy link

  Yay! to you both! I’ve added the closing brackets in your posts for those coming to this in the future. :)