Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Why would you want to impede people by removing it? It’s not visible anyway
It is visible and i want it removed.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
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;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
