fa=tiktok - Forum | JoomShaper
Awaiting an answer SP Page Builder

fa=tiktok

Asked by Alvaro Fernandez 5 years ago Last activity 5 years ago

Hi,

I am usiung Aspesa Template.
I want to add TikTok in the social module.
We put
<li><a href="/https://vm.tiktok.com/ZMJ7xb18t/"><i class="fab fa-tiktok"></i><span class="OTS-TikTok">dummy</span></i></a></li>

The module shows an empty space but not the icon or link?

Any ideas.
Thanks

Alvaro

18 replies

Paul Frankowski Senior Staff

Hi,
sorry but this template doesn't support this icon, it was created a long before this service become popular.
But if you really need this icon there is possibility - but I have to use svg icon.

Alvaro Fernandez Asked this

hi Paul,

yes which ever solution is ok.
also we have the same issue with TikTok and the Template configuration page so we can show the top bar social.
thanks

Paul Frankowski Senior Staff

can you add again login and password to administrator
and share link to your tiktok

Alvaro Fernandez Asked this

see hidden

Alvaro Fernandez Asked this

see hidden

Alvaro Fernandez Asked this

See hidden

Paul Frankowski Senior Staff
5 years ago · edited

Thx.
Here is solution which I used:

  1. From FontAwesome website I downloaded tiktok.svg file
  2. I uploaded on your server, to /images folder.
  3. In Template Options > Social Icons > I added tiktok URL inside, not used anymore, Google+ field
  4. In custom CSS I added those lines

.fa.fa-google-plus::before { content: url(/~otsla294/images/tiktok.svg); width: 14px;height: 14px; display: inline-block;}

#sp-top2 i.fa {color: black;font-size: 16px;}

and works now.

Alvaro Fernandez Asked this

Hi Paul,
Thanks for this...
In the top icon is ok.
In the bottom Module called "Follow"
it shows as a Blacl TikTok smaller.
where are these defined? to be the same as the others?

Thanks

Alvaro

Alvaro Fernandez Asked this

Hi Paul,
I saw in the CSS where you placed it.
I managed to make it similar size.
How can I change the color of the icon to react same as the others?
Thanks
Alvaro

Paul Frankowski Senior Staff

You have to read on FontAwsome website or in google how to recolor svg file. It's beyond support.

Log in to reply.