Graphic above text on Tabs v2 or Classic Tabs

[hivehouse]

Do you happen to have any good syntax for adding an image above the text in the new Tabs interface?

I saw that there was a work around for Classic Tabs.

CLASSIC TABS, How do I set an image instead text in classic tab

[ruenel]

Hello There,

Thanks for writing in!

To achieve what you want you still need to add a custom class titleimage for the tab element and then add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.titleimage [data-x-toggle="tab"],
.titleimage .x-tabs-list button {
    padding-top: 50px;
}

.titleimage [data-x-toggle="tab"]:nth-child(1){
    background: url('http://via.placeholder.com/50x50') no-repeat center center;
}

.titleimage .active[data-x-toggle="tab"]:nth-child(1) {
    background: url('http://via.placeholder.com/50x50/ffee00') no-repeat center center;
}

.titleimage [data-x-toggle="tab"]:nth-child(1):hover{
    background: url('http://via.placeholder.com/50x50/ee0000') no-repeat center center;
}

We would loved to know if this has work for you. Thank you.