Blockquotes font size and background color.

• 

  artusartos · Member · Sep 10, 2016 at 9:56 am

  • Copy link
  • Add topic to favorites

  I just switched to the pique theme. I really like it but the block quote font size is humongous. How can I make it smaller? Also, is it possible to change the background color for block quotes (for instance like the block quotes over here http://math.stackexchange.com/questions/1646810/matrices-representing-a-map-between-free-modules-of-infinite-rank-and-fittings ) ?

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

• 

  kathrynwp · Staff · Sep 10, 2016 at 4:21 pm

  • Copy link

  Sure – give this a try and let me know what you think:

  /* Change font size of blockquotes, with or without custom fonts */
  blockquote, .wf-active blockquote {
    font-size: 22px;
  }
  /* Change background colour of blockquotes */
  blockquote {
    background-color: #fff9e3;
  }

  You can modify the font size and colour to anything you like.

• 

  artusartos · Member · Sep 10, 2016 at 7:03 pm

  • Copy link

  Thanks a lot. One more question…is it possible to increase the left and right margins of the blockquote background? It seems to be very narrow.

• 

  kathrynwp · Staff · Sep 10, 2016 at 7:15 pm

  • Copy link

  Give this a try instead of the second bit of code I gave you before for the background colour. You can adjust the values for the margin and padding as you like:

  /* Change background colour of blockquotes and adjust margin and padding */
  blockquote {
    background-color: #fff0da;
    margin-left: 30px;
    margin-right: 30px;
    padding: 20px;
  }

• 

  artusartos · Member · Sep 10, 2016 at 8:22 pm

  • Copy link

  Thank you so much. It looks perfect :)

• 

  kathrynwp · Staff · Sep 10, 2016 at 9:12 pm

  • Copy link

  My pleasure! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.