Joomla Templates Club 406,261 posts

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#188989

Hello to everyone,

I have tried to set up the social module (custom html module) following the guide instructions but it doest show the “tiles” as in the demo site.

I would be very grateful if anyone can help me to fix this.

Here is the image:

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499273

Make sure that you have the same format for the output of this custom HTML module like this


<div class="social-wrap"><a class="btn-icon btn-small icon-facebook" href="#" title="Facebook">Facebook</a> <a class="btn-icon btn-small icon-google-plus" href="#" title="Google plus">Google plus</a> <a class="btn-icon btn-small icon-twitter" href="#" title="Twitter">Twitter</a> <a class="btn-icon btn-small icon-flicker" href="#" title="Flicker">Flicker</a></div>


See the config back-end site

---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. optimus74

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#499311

Hello Ninja Lead, thank you so much for your feedback!!

The module it is configures as you said, but still nothing, I will need some more help please!!:((

I will send you a pm with the link of my site.

Thanks again!!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499401

I don’t know why because width right column on your site was resized that’s reason why social network block was break down but you can fix it this way

Open templates/ja_mero/css/themes/light/template.css file

From

.icon-facebook {
background-image: url(../../../images/ico/facebook.png);
margin: 0 10px 10px 0;
}

.icon-twitter {
background-image: url(../../../images/ico/twitter.png);
margin: 0 10px 0 0;
}

Change to

.icon-facebook {
background-image: url(../../../images/ico/facebook.png);
margin: 0 5px 10px 0;
}

.icon-twitter {
background-image: url(../../../images/ico/twitter.png);
margin: 0 5px 0 0;
}

1 user says Thank You to Ninja Lead for this useful post

1. optimus74

[optimus74 Friend optimus74Join date: May 2012Posts: 41Downloads:0Uploads:13 Thanks: 17 Thanked: 1 times in 1 posts]

#499605

Hello Ninja Lead!!

I could achive it , thank you sooo much!!

[Author]

Posts