I’ve been able to use an image as tab element label by adding an image (properly sized) in the title field using the rich text editor (or via html, if you prefer). A problem arises when the container’s limit is reached. Normally the element will add a scroll bar below the tabs, allowing “unlimited tabs”. If there are just images in the title field, they will resize into infinity and the scroll bar never shows up.
I have developed a solution. Since the width of each tab is actually determined by the number of text characters, I added html code under each image: a line-break followed by whatever number of characters that I need (i.e. “1234567890” if I need 10 characters-worth for the width of the tab label).
I use the same number of text characters for each tab, so each tab will display at the same width and each image at a decent size. However, the added text shows under each image. I don’t want that, though.
To hide the text on the labels I went to “Individual Tabs” settings, where I made the bottom margin -53 (to be adjusted as needed ), which covers the text with the scroll bar. All looks good now, although not seeing scroll bar on phone, so have to intuit that you can slide the tabs.
I hope this works a swell for you as it does for me.
