Joomla Templates Club 406,261 posts

[andysummers Friend andysummersJoin date: September 2016Posts: 14Downloads:8Uploads:4]

#970215

Hello my department list icons are not 100% centred in their circles – what is the cause and how do I fix?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970252

Hi
the icons are already in center can u check it : http://prntscr.com/cl31ih
And let me know the details of issue with a mockup .

[andysummers Friend andysummersJoin date: September 2016Posts: 14Downloads:8Uploads:4]

#970435

Hi

I mean the individual icons are not in the centre of their individual circles – please see attached screenshot, the icon is slightly below and to the right of centre?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970452

Hi
it looks different because of different size of the icons , style property is same for all .
Go to /templates/ja_university_t3/css/themes/blue/template.css
Find

.department-list ul.department-list li a:before {
    font-family: FontAwesome;
    font-size: 30px;
    left: 50%;
    margin: -17% 0 0 -15%;
    position: absolute;
    text-indent: 0;
    top: 50%;
}

change the value of top and left as per need where u feel they looks better .
You can also try to change value using firebug first : http://prntscr.com/clcb9e

[Author]

Posts