Public Forums 71,145 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#963854

Hi

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

1. 941tech

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#963913

Where in Purity iii is the custom.css file location, please?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#963917

trevorellis wrote:

Where 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

1. trevorellis

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#964183

Great, thank you.

[Author]

Posts