Topbar

Hi,

I can't understand why my topbar module is not displayed the way it's displayed in quickstart solution. I've read around, disabled my JCE editor, set Editor setting to "none", managed to add social icons, but the demo text I copied (in HTML mode) from quickstart is not the same. I'm working this Joomla 2.5 clean install and inStyle 2.5 freshly downloaded template.

I have this code:

Code: Select all

<div class="gk-social">
<a href="#"><i class="fa fa-rss"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
</div>
<p><span>Call Customer Services on: +1-888-222-1155</span><span class="gk-promo">Take and Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span></p>

And the result you can see on the screenshot. Text and icons are not centered, text is not formatted, not margined. How come? I have quickstart installed in a subfolder of the site, all looks good in there with the same code.

Could you please post an url to your site?

Here you go: http://null.com (link removed due to user request)

Could you please post an url to your site?

Please switch editor from "tinyMCE" to "no editor" in global Joomla configuration, then replace the html text with original one and edit it again.

Code: Select all

<div class="gk-social">
<a href="http://www.gavick.com/magazine/?format=feed&amp;type=rss"><i class="fa fa-rss"></i></a>
<a href="#"><i class="fa fa-flickr"></i></a>
<a href="https://plus.google.com/+gavickpro/posts"><i class="fa fa-google-plus"></i></a>
<a href="https://twitter.com/gavickpro"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-vimeo-square"></i></a>
<a href="https://www.facebook.com/gavickpro"><i class="fa fa-facebook"></i></a>
</div>

<span>Call Customer Services on:  +1-888-222-1155</span>

<span class="gk-promo">Take and  Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span>                   


Thanks, it worked!
One more quick question though: are those all of the available social icons? Or there're more social sources supported? Is there a list of codes for all social icons available somewhere? Didn't find it in Gavick's documentation section..

Those are font awesome version 4.0.3.
For list of all available icons, please check this url:
http://fortawesome.github.io/Font-Awesome/icons/

I have removed the link just as you have requested.