We help IT Professionals succeed at work.

Wordpress Blockquote problem

Hi Experts,

In my custom WP 3 theme I noticed that when I use blockquote I can only use it once.  If I add a new paragraph beneath and outside of the existing blockquote (i.e. testimonials) and then apply the blockquote style it ends up wrapping the entire content chuck in one big blockquote.

How can I set this up or correct it to allow me to have multiple instances of blockquote tags in a single page?

Thanks,

HNM
Comment
Watch Question

Jason C. LevineDon't talk to me.

Commented:
Do you have a page that shows the problem?  I'd like to look at the HTML and CSS.

Author

Commented:
Hi Jason1178

Here is the relevant CSS

I can't share the URL since it's a client site.. I don't want the url indexed.

Thanks,

HNM
/*==========BEGIN Eric Meyer Reset==========*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	line-height: 1;
	line-height:1.5em;
}
ol {
	list-style-position: inside;
}
ul {
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*==========END Eric Meyer Reset==========*/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666766;
	/*background-image:url('images/bodyBackground.png');*/
	background-repeat:repeat-x;
	background-position:left top;
	background-size:auto;

}
p {
	font-size:.85em;
}
strong {
	font-weight:bold;
}

h1 {
	font-size:1.3em;	
}
h2 {
	font-size:1.1em;
}

h3 {
	font-size:1em;
}

h4 {
	font-size:.9em;
}

h5 {
	font-size:.85em;
}

h6 {
	font-size:.8em;
}
clearBoth {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
blockquote { 
	padding:5px 25px 5px 40px;
	overflow: hidden; /* clearfix alternative */ 
	font-size: 15px; 
	font-style:italic; 
	line-height: 20px; 
	color: #454545;
	background-image:url(images/openQuote.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
blockquote strong {
	margin:5px 0 0 0;
	font-size:.85em;
	color:#0760AC;
}

Open in new window

Don't talk to me.
Commented:
CSS without the HTML is useless.  

Can you munge the link? www dot experts dash exchange dot com or similar?
Sounds like it's not getting closed in the visual editor. Switch to HTML view and look for the closing blockquote tag.
Sounds like it's not getting closed in the visual editor. Switch to HTML view and look for the closing blockquote tag.

Author

Commented:
thanks, I'll close the question and repost later.  Got distracted with another proj.