Hub Hack: Hide the Icon on Item Tile Footer Labels

Jan Griffiths

Last Updated: October 23, 2020 20:11

Use this Custom Code snippet to hide the "service icon" that appears next to the button label (e.g. "Read Article", "Watch Video", etc.) on Item Tiles.

Warning

Hub Hacks are not official Uberflip features.

Hub Hacks may not work on all Hubs, or may cause unexpected behavior. If you experience issues with a Hub Hack, available support is limited to helping you disable the Hub Hack only.

Important

Hub Hacks are not compatible with Front End V2 Hubs.

If you are not sure if your Hub uses Front End V2, see this article for help.

Details

Type: CSS
Placement: Head
Notes: This snippet will both hide the icon and shift the button label left, in line with the Item Tile's title text.

Screenshot

Before:

After:

Code

<style>
/*-- Hide Icon from Tile Footers --*/
div.tile.single > a.view, li.tile.single > a.view {
 padding-left: 20px;
 background-image: unset;
}
</style>