Social Icons,

Hi there,

I was hopping that someone could help me with the theRealdesign template...

The problem is, with the following code:

Code: Select all

<p><a class="gkTwitter" href="#">Twitter</a> <a class="gkYouTube" href="#">YouTube</a> <a class="gkVimeo" href="#">Vimeo</a> <a class="gkFacebook" href="#">Facebook</a> <a class="gkSkype" href="#">Skype</a></p>

My social icons won't dissapear on my page.

I Also tried the following code out of the game magazine template.

Code: Select all

<a class="iconTwitter" href="http://twitter.com/#!/xxx" target="_blank">xxx</a>

This latest code, which works fine in the game magazine template is also not working as code in the Real Design.

What am I'm doing wrong?

The website URL ishttp://www.pimrozendaal.nl

social.png

I see the space in front of the URL. So image should be there but won't show up. Pleasee. Does someone know what the problem is...?

Hi,

Those social classes are not available for this template, if you want to have them, copy this css code from GameMagazine to file override.css (with CSS override mode enabled in template setting):

Code: Select all

/* Social Icons */

.iconDigg, .iconDelicious, .iconTwitter, .iconMobyPicture, .iconYoutube, .iconVimeo, .iconFacebook { display: block; height: 27px; line-height: 27px !important; background: transparent url('../images/social_icons.png') no-repeat; padding: 0 0 0 46px; margin: 0 0 12px; font-size: 12px !important; }
.iconDigg { background-position: 0 0; }
.iconDelicious { background-position: 0 -27px; }
.iconTwitter { background-position: 0 -54px; }
.iconMobyPicture { background-position: 0 -81px; }
.iconYoutube { background-position: 0 -108px; }
.iconVimeo { background-position: 0 -135px; }
.iconFacebook { background-position: 0 -162px; }


Also download the attached image and save it to \templates\gk_the_real_design\images\