Problem setting padding size in block quotes

schoolpsychscholar · Member · Jul 20, 2012 at 7:05 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
schoolpsychscholar · Member · Jul 20, 2012 at 7:17 pm
Copy link
Found and HTML workaround for now. Using this:

{div style=”background:#ebece4;padding:10px;”} {/div}
thesacredpath · Member · Jul 20, 2012 at 10:14 pm
Copy link
Can you point me to a place where this problem is (hasn’t been fixed by the inline style declaration)?
designsimply · Member · Jul 31, 2012 at 2:43 pm
Copy link
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.

No items found.