WordPress.com

1. schoolpsychscholar
   Member
   Jul 20, 2012, 7:05 PM

   I'm altering my block quote style (ThemeMin) to add a background color. But no matter how I adjust it, I can't get the bottom padding between the text and color edge right. It is either too small (no gap) or too large (big gap). Right now it's too large.

   I've tried to adjust the CSS with different numbers for the padding, but can't find the solution.

   Here's the exact CSS code as it stands now:

   blockquote {
   margin:0 24px 20px;
   padding:16px 20px;
   border:0;
   background:#ebece4;
   }

   Thanks!

   The blog I need help with is schoolpsychscholar.com.

2. schoolpsychscholar
   Member
   Jul 20, 2012, 7:17 PM

   Found and HTML workaround for now. Using this:

   {div style="background:#ebece4;padding:10px;"} {/div}

3. thesacredpath
   Staff
   Jul 20, 2012, 10:14 PM

   Can you point me to a place where this problem is (hasn't been fixed by the inline style declaration)?

4. designsimply
   Happiness Engineer
   Jul 31, 2012, 2:43 PM

   thesacredpath, you should be able to adjust the html to remove the div with Firebug just like you can adjust css (if you want).

   schoolpsychscholar, this will fix the blockquotes with one rule in custom CSS so you don't have to add an extra div to your code all the time and this will also make it easier to re-style the blockquotes with one edit later if you ever decide you want to change the look of blockquotes in the future.

   blockquote {
   	background: #ebece4;
   	margin: 8px 30px 15px;
   	padding: 5px;
   }

   Note that you should remove the extra div tags and add the CSS code above to your Appearance → Custom Design → CSS page to see this work.

Topic Closed

This topic has been closed to new replies.