rulesbyrosita

Thank you very much!

Thank you for the information. It worked! I did it like this: `

/* Text only visible to screenreaders */
span.offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}`

I apperently don’t need a .screen-reader-text class within my HTML?

This is my HTML used in the Hook Element in within the GeneratePress theme:

<span class="menu-bar-item">
	[wpa_toolbar]
</span>

I dont really understand what I just did. ?? But thank you so much!!

Thank you so much!

• This reply was modified 3 years, 6 months ago by rulesbyrosita.

Hi Joe,

I removed the text with costum CSS: This is the code:

/* a11y toolbar widget */
 .a11y-toolbar-widget button {
	color: #000000;
	background-color: #FFFFFF;	
}
.a11y-toolbar-widget button:hover {
	color: #EB0000;
} 
span.offscreen {   
	display: none;
}
.ltr.left.a11y-toolbar-widget ul { 
    display: flex;
}
.ltr.left.a11y-toolbar-widget ul li:nth-child(2) { 
  margin-left: 0;
}

This this the code wich removes the text:

span.offscreen {   
	display: none;
}

PS: Happy Global Accessibility Awareness Day!

Thank you, I am going to ask themesupport for help. And give them your information. ??

Thank you. What do you mean exactly and where do I have to adjust this?

With kind regards,

Rosita

Yes! I think the font in the sidebar is way to big. I want it to have the same size as the main content font. What code do I need to create a costum style?

Hi I’ve enabled the font resizing again. It’s working because i checked off: Use stylesheet to change the size of the font. But the font in the sidebar is huge and unreadable.

Thank you! Nice to get an answer this quick!