How are the icons used in Grid?

Installed Quickstart package on the localhost to see how to recreate it on my site that is live. But just can't get it how the twitter, facebook and g+ are created there? Need help or guide or howto... Thanks.

Grid is a module which creates just a placeholder for other modules.
Then you can use any module (custom_html for example) to create any content inside of the grid.
If you check module named:
G+ Icon
placed in grid1 position, you will see this custom html code:

Code: Select all

<a class="gkIcon gkColorGplus" href="#"><i class="icon-google-plus"></i></a>


It uses FontAwesome to generate the icon. Also, please disable tinyMCE editor in general configuration while you edit modules (change it to Editor - none).

please disable tinyMCE editor

Yes, that was the trick! Now I see the code. Thank you very much! Font Awesome was vurtualy the only reason I choose this template, but then couldn't see the code (due to the tinyMCE) and was confused. Now it's clear, thanks.

Code: Select all

<a class="gkIcon gkColorGplus" href="#"><i class="icon-google-plus"></i></a>


It uses FontAwesome to generate the icon.

Sorry to bother you again, Cyberek, but how do I set color directly in this code? Say, if I gon't want to use the one you set somewhere in css (gkColorPlus) but want it color=silver for example? I've created a new class icon-plcard in override.css, it does appear on the grid, but it's white on white background and only on hover I can see it since it turns black...

Would you like to define font color or background color or both?

Both. Actually, background is needed more, but just in case, font one would be nice too - I've tried <font color=red></font> but it didn't work for some reason.

Could You please post an url to your site?

It's <url>www.v-Boge.org</url> again, but I think I've got it as for the <font color> concerned. Background color - found it too. Thanks, Cyberek, I think we can consider this one "solved".

Yes, I see you have used override.css to create new background colors for use with module custom class and font color inline.
You also could create separated classes for font colors, but the way you did is 100% fine