Mysterious line above headings

HTML & CSS
1

how come the little line shows above the page titles here and [URL=“http://unityquestdesigns.com/wordpress/about-us/”]here but not on any of the other pages of the site?

please advise. thanks in advance.

2

It’s coming from this rule:

.wp-caption .wp-caption-text:before {
	color: #666;
	[COLOR="Red"]content: '\\2014';[/COLOR]
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

Each page with an image to the right with a caption (e.g. Lighting Blueprint) has a little line placed ‘before’ it. But there’s no proper positioning context for the before content, so it’s appearing up at the top left of the content area, above the header.

3

i dont understand what HTML item that CSS is attached to. when i do a search of the source code, i dont see anything that says

.wp-caption-text::before

please advise.

4

The code I posted above is in the CSS file here:

http://unityquestdesigns.com/wordpress/wp-content/themes/twentyeleven/style.css

The line in red is causing the problem, so I suggest you delete it.

.wp-caption .wp-caption-text:before {
	color: #666;
	[COLOR="Red"]content: '\\2014';[/COLOR]
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

EDIT: actually, delete that whole block of code.

5

i understand that the CSS code is in the CSS file, but what HTML element is it hooked on to? i don’t see anything with this class (.wp-caption .wp-caption-text:before).

6

It’ attached to this element:

<p class=“wp-caption-text”>Lighting Blueprint</p>

See the screen shot below.

God knows what those styles were originally meant to do, but the CSS code says to place an underscore before the caption; but because that underscore is positioned absolutely (with no context) it is appearing up above the heading.

7

got it. thanks!

8