Fa=tiktok - Question | JoomShaper

Fa=tiktok

AF

Alvaro Fernandez

SP Page Builder 3 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

0
18 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1333

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.

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1335

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1336

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

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1337

see hidden

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1338

see hidden

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1339

See hidden

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1464

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.

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1588

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

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #1831

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1860

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

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #3824

Hi Paul, With new version of SP Page Builder includes TikTok for Fontawesome.

I updated the SP PAge Builder.

When I go to see TikTok I get a blank SQUARE, instead of TikTok Logo. Do we need to Load the Fonts? Manually? In the config we have Load selected.

Thanks

Alvaro

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #3918

where you see missing tiktok icon? Screenshot please, and share URL of that page.

Yes, In SPPB Pro options FontAwesome must be enabled.

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #3987

Hi Paul,

I am using in the page https://otsla.com/index.php/thanks but it is also in the Follow us module.

I am currently using Tumbler (as optional) In the Iamge I sent you can see the Frontend editor. And when I choose the TikTok it shows an empty square.

Not sure what is wrong.

Thanks

Alvaro

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #4059

When I changed class name in emulator mode - I saw tiktok icon. https://ibb.co/48Xvkxf

To help you.. I need access as Super User

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #4216

see below

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #4217

Paul,

Please verify the Thanks page and also the Footer Module we are using the TikTok there also. Thanks in advance. Alvaro

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #4303

Fixed. To be honest it was your mistake. In Bottom4 you used wrong class name.

Should be: fab fa-tiktok, and you put: fa fa-tiktok

Please be more careful next time.

0
AF
Alvaro Fernandez
Accepted Answer
3 years ago #4354

Cheers Paul thanks !!!

0