Msocial demo site installation problems

Hello,
I installed last version demo package "quickstart" of MSocial template (in Joomla 3.3.6). I see social icons in the front-end but when I go to the back-end admin panel, in the Modules section I can't see the html code of "Custom html" modules related to the social icons (G+ icon, FB icon and so on). How come? Then I need to insert a LinkedIn icon: is the some "LinledIn" icon in the package that I can use?

Thanks a lot.

Luca

Hi,
find modules on positions: grid1_4, grid1_8, gid1-10 there should be social icons.

p.s
those are not old style graphic icons but FontAwesome , for example "G+"

<i class="icon-google-plus"></i>

Hi,
find modules on positions: grid1_4, grid1_8, grid1_10 there should be social icons.

Sorry, but "custom html" modules on that positions hasn't any html code in the back-end !!!

At his point I think that there is some bug….can you check please? I will send to you with a private message credentials to access my joomla admin panel. Ok?

Thanks,

Luca

ok, I will check. Thanks for PM
But on my Quickstart I had all modules as all other GK users before.

As I thought there were and even had modules names based on G+ , Twitter,.... I gave you before numbers which might be not so helpful as I wanted. But now check your self.

socials.png

I saw them but if you click on them you will see that there isn't any html code in it!!! In fact the editor of that "html custom" modules is always empty! Let me know, thanks. Luca

there is code, just enable HTML mode. Please.
I turned Off your TinyMCE editor in Global Configuration and now you will be able to see it.
There is something wrong with this editor in HTML mode probably that's why I use JCE always

Oh…that was the problem!!! I am driving crazy to understand why I couldn't see the html code!! Thanks a lot!!!

A question: how can I publish a LinkedIn icon? Can I use a code like this?

<a class="gkIcon linkedin" href="#"><i class="icon-linked-in"></i></a>

I tried it but it doesn't work!!

Let me know, thanks.

Luca

you have to use

Code: Select all

<i class="icon-linkedin"></i>

sorry but in template there wasn't color for linkedin which is #0177B5, from current only twitter BG color is similar
so just use:

Code: Select all

<a href="###" class="gkIcon gkColorTwitter"><i class="icon-linkedin"></i></a>

result will be

you have to use

Code: Select all

<i class="icon-linkedin"></i>

sorry but in template there wasn't color for linkedin which is #0177B5, from current only twitter BG color is similar
so just use:

Code: Select all

<a href="###" class="gkIcon gkColorTwitter"><i class="icon-linkedin"></i></a>

result will be

I tried your solution but it doesn't work. In fact I used this code:

<a href="###" class="gkIcon gkColorTwitter"><i class="icon-linkedin"></i></a>

but as you can see in the screen shoot attached it produces only a blue square. How come?

Best regards,

Luca

ps. Il will send you in private credentials to access my admin panel's web site.

Fixed,
I know where you made a mistake.
This module had addcional Module Class Suffix which shouldn't be used if you wanted a flat icon.