Why does comments overlap

  • RussellO

    (@russello)


    10 years, 10 months ago

    Hi,

    I seem to be having issues with how my wordpress displays ‘comments’.
    I turned off comments but I get this 1 long line that overlaps because of it.

    Example:
    http://screencast.com/t/Dqh5eimN9V

    Any idea how to not show this altogether? I don’t want comments altogether which is the reason I disabled. But this line is looking unprofessional.

    If someone can help.

    Thanks,
    Russell

Viewing 3 replies - 1 through 3 (of 3 total)
  • stephencottontail

    (@stephencottontail)

    10 years, 10 months ago

    What theme are you using? Can you post a link to your site?

    Thread Starter RussellO

    (@russello)

    10 years, 10 months ago

    Hi,

    Website: TorontoTopTiers.com
    Theme: connexion

    I disabled comments due to spam but that text is bothering me.

    Thanks,
    Russell

    stephencottontail

    (@stephencottontail)

    10 years, 10 months ago

    If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

    .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

    This way, the text will be hidden from sighted users, but a screen reader will still be able to “see” the text. I’m guessing that this is what’s intended given that the text has the class “screen-reader-text”.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Why does comments overlap’ is closed to new replies.