asked on

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

Jason C. Levine

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

HelpNearMe

ASKER

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

ASKER CERTIFIED SOLUTION

Jason C. Levine

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION