Skip to Content

Why would you want to impede people by removing it? It’s not visible anyway

It is visible and i want it removed.

So it sounds like you have a bug, it would be better to fix that bug. If you want advice to fix the bug then post a link to your website and we can take a look

1010event.org

Add this to your custom CSS or child-theme’s CSS:

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

I see that you’re not loading in your parent theme style.css file, so I would recommend adding this to your Child Theme style.css file:

/* Text meant only for screen readers */
.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: 1.4rem;
	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 */
}

Those styles can be found in your parent theme style.css file.

I tried the second set of code and it worked, thank you!

But then I looked into my child theme files and i was missing :

@import url(“../freak/style.css”);

I deleted what you gave me and put in the @ line and it worked also. I dont know how you guys knew it had to do with my child theme but thanks, it was spot on.

Thanks again, kudos.

Resolved.