Social Network Links don't display

[Ruann]

Hi

I installed the socialnetworkslinks module.

 

And as you can see at the bottom of the footer the logo's for facebook and twitter don't display.

How do I fix this?

 

URL:  http://thulasindi.com/

 

Also see attached. Thank you.

 

 

[Carolina Custom Designs]

The links and arrows show up but no icons. Where you supposed to upload your own icons in the module configuration?

 

Marty Shue

[Carolina Custom Designs]

Have you modified this module? I just tested it and it worked perfectly for me.

 

I suggest you go here and download the latest zip and install it again.

 

Marty Shue

[berka.pavel]

The problem is there, because this rule (global.css):

 

#footer li a {

1. background: url(../img/arrow2.png) left center no-repeat;
2. padding-left: 15px;
3. display: block;
4. color: #999;

}

 

override this one (socialnetworkslink.css):

 

 

ul.isocial li a {

1. float: left;
2. background-image:url('../img/socialletter.png');
3. background-position: 0 0;
4.  
   background: repeat:no-repeat;
5. display: inline-block;
6. text-indent: -9999px;
7. overflow: hidden;
8. width: 24px;
9. height: 24px;
10. position: relative;

}

 

Just change socialnetworkslink.css

 

ul.isocial li a 

 

to this:

 

#footer ul.isocial li a 

 

And it should work.

[Ruann]

Ok thanks.

 

So do I just change socialnetworkslink.css? does everything under global.css stay the same?

And where do I find socialnetworkslink.css?

 

thanks

Have you modified this module? I just tested it and it worked perfectly for me.

 

I suggest you go here and download the latest zip and install it again.

 

Marty Shue

Thanks.

[Ruann]

The problem is there, because this rule (global.css):

 

#footer li a {

1. background: url(../img/arrow2.png) left center no-repeat;
2. padding-left: 15px;
3. display: block;
4. color: #999;

}

 

override this one (socialnetworkslink.css):

 

 

ul.isocial li a {

1. float: left;
2. background-image:url('../img/socialletter.png');
3. background-position: 0 0;
4.  
   background: repeat:no-repeat;
5. display: inline-block;
6. text-indent: -9999px;
7. overflow: hidden;
8. width: 24px;
9. height: 24px;
10. position: relative;

}

 

Just change socialnetworkslink.css

 

ul.isocial li a 

 

to this:

 

#footer ul.isocial li a 

 

And it should work.

Thank you. I sorted it out!