WordPress.com Forums » Topic: Problem setting padding size in block quotes

designsimply on "Problem setting padding size in block quotes"

designsimply — Tue, 31 Jul 2012 14:43:55 +0000

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.

thesacredpath on "Problem setting padding size in block quotes"

thesacredpath — Fri, 20 Jul 2012 22:14:30 +0000

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

schoolpsychscholar on "Problem setting padding size in block quotes"

schoolpsychscholar — Fri, 20 Jul 2012 19:17:00 +0000

Found and HTML workaround for now. Using this:

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

schoolpsychscholar on "Problem setting padding size in block quotes"

schoolpsychscholar — Fri, 20 Jul 2012 19:05:13 +0000

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!