Widget Title Displaying Twice

[lizbarber05]

Hi I'm using the Foodie Pro theme and noticed that the Category & Archive widgets in my footer are displaying the widget title twice.
In those actual widgets I didn't even type in the words "category" or "archive" so I'm not sure why It's displaying twice?

http://creativelydefinedmedia.com/

[Graham]

That is because there is no screen-reader-text css class in that theme. It is a class that is used by WordPress with web accessibility in mind, yet not often catered for by theme developers. Including our very own premium StudioPress themes.

As a matter of course, I always add the following to the CSS in all Genesis themes

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

---

My JustGiving page: https://www.justgiving.com/helping-graham-give

[Graham]

Reference:

https://codex.wordpress.org/CSS#WordPress_Generated_Classes

I see that WordPress recommends a .screen-reader-text:focus css class as well, I shall adopt that from now on,

---

My JustGiving page: https://www.justgiving.com/helping-graham-give

[lizbarber05]

Thanks Graham for your help. I appreciate it!

[Author]

Posts