Trying to add html entity arrows after table headings

This support ticket is created vor 4 years, 3 months. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Dieses Thema enthält 2 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Lisa Boyd vor 4 years, 3 months.

Assistiert von: Christopher Amirian.

Author

Artikel

February 11, 2022 at 10:03 pm #2290085

Lisa Boyd

Screen Shot 2022-02-11 at 5.04.07 PM.png

I am trying to:
Trying to add html entity arrows after table headings instead of the gif icon.

I've added this to the theme css as well as Toolset's CSS for the view. Neither work.

.wpv-header-no-sort::after {
    content: "&#9660;";
  margin-left:5px;
}
.wpv-header-desc::after, .wpv-header-asc::after {
    content: "&#9660;";
  margin-left:5px;
}

I expected to see the arrows. Instead, I got the actual characters & # 9 6 6 0 ;

February 13, 2022 at 12:56 pm #2291061

Christopher Amirian

Unterstützer

Sprachen: Englisch (English )

Hi there,

I checked your website and I think you need to use the literal font item for that:

.wpv-header-no-sort::after {
    content: "'▼'";
  margin-left:5px;
}
.wpv-header-desc::after, .wpv-header-asc::after {
    content: "'▲'";
  margin-left:5px;
}

Thanks.

February 15, 2022 at 2:00 pm #2292837

Lisa Boyd

I updated some plugins and the arrows started showing up properly. Not sure what the issue was or what fixed it, but it's fixed now. Thanks!