Viewing 4 posts - 1 through 4 (of 4 total)
-
AuthorPosts
-
pavit Moderator
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
August 29, 2016 at 3:24 pm #963854Hi
Try this
Add to your custom.css this code
.t3-footer-sl .social-list { list-style: none; margin: 24px 0 0; padding: 0; } .t3-footer-sl .social-list:before, .t3-footer-sl .social-list:after { content: " "; display: table; } .t3-footer-sl .social-list:after { clear: both; } .t3-footer-sl .social-list li { display: block; float: left; margin-right: 12px; } .t3-footer-sl .social-list li a { border: 2px solid rgba(255, 255, 255, 0.05); color: #222222; display: block; height: 40px; text-align: center; width: 40px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .t3-footer-sl .social-list li a i { font-size: 18px; line-height: 40px; } .t3-footer-sl .social-list li a.facebook:hover { background-color: #3b5998; border-color: #3b5998; } .t3-footer-sl .social-list li a.twitter:hover { background-color: #3a92c8; border-color: #3a92c8; } .t3-footer-sl .social-list li a.google-plus:hover { background-color: #dd4b39; border-color: #dd4b39; } .t3-footer-sl .social-list li a.youtube:hover { background-color: #b00; border-color: #b00; }
Then create a new custom module and add to it this :
<ul class="social-list"> <li><a href="#" title="Facebook" class="facebook"><i class="fa fa-facebook"></i></a></li> <li><a href="#" title="Facebook" class="twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="#" title="Facebook" class="google-plus"><i class="fa fa-google-plus"></i></a></li> <li><a href="#" title="Facebook" class="youtube"><i class="fa fa-youtube"></i></a></li> </ul>
Publish module in one of footer position
Regards
1 user says Thank You to pavit for this useful post
trevorellis Friendtrevorellis
- Join date:
- August 2016
- Posts:
- 83
- Downloads:
- 61
- Uploads:
- 9
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
August 29, 2016 at 4:11 pm #963913Where in Purity iii is the custom.css file location, please?
pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
August 29, 2016 at 4:32 pm #963917Where in Purity iii is the custom.css file location, please?
If you do not have it already then you will need to create a new one from scratch in this folder /templates/purity_iii/css/
1 user says Thank You to pavit for this useful post
trevorellis Friendtrevorellis
- Join date:
- August 2016
- Posts:
- 83
- Downloads:
- 61
- Uploads:
- 9
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
August 30, 2016 at 8:36 am #964183Great, thank you.
-
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
This topic contains 4 replies, has 2 voices, and was last updated by trevorellis 7 years, 7 months ago.
The topic ‘How to Add Social Media buttons like on joomlart.com website’ is closed to new replies.