Tabs GK5 : Add font awesome symbol to Tab Title

hinki123

Hello! I am new to this forum and want to say hello.

I'm using Tabs GK5 in Joomla 3.8.10.
Here is my question:

Is there a way to use font-awesome symbols in the tab title?
or
is there a way insert a picture in the tab title?

Thank you in advance.

aman204

There isnt in-built feature in the specific module to add font-awesome icons as of now however, You may add this to css file :

.gkTabsWrap ol li.gkTabs-1::before{content: "\f0d6";} /*change icon declaration accordingly */
.gkTabsWrap ol li.gkTabs-2::before{content: "\f0b1";}
.gkTabsWrap ol li::before{font-family: FontAwesome;font-size: 30px;} /*change font-size accordingly */

Accordingly, You may change the icon declaration as per tabs

The above css code suggestion is given taking Gavick News2 template into reference which already has the font-awesome support. Ref: Screenshot wherein font-awesome icons have added with above steps

hinki123

and thank you very much for your answer.
Unfortunately it works only with the gkTabs-2.

So I think the way is the right one, but ......

There are two pictures one for gkTabs-1 and one for gkTabs-2

Can you please help?

Kind regards

aman204

hinki123 Can you provide a link to your site in order to take closer look and debug/inspect the respective code suggested

hinki123

Sorry for the late answer.
I made a mistake in the css-code.

Thank you very much for your help.

Everything works fine.

paulus1031

Thanks for letting us know

We've marked this thread as resolved

Have a great weekend

Cheers
Paul