Joomla Templates Club 406,261 posts

[jonathonlee Friend jonathonleeJoin date: November 2012Posts: 17Downloads:0Uploads:9 Thanks: 9 Thanked: 6 times in 1 posts]

#183071

Hi, I’m trying to find out how to get the department list center in user1 on the JA_University template.

Here is a picture for a example.

In the picture are 6 department Icons. The red box is to show you where I want it in and the red line is where I want it center. How can I do this and thanks for any help.

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#476110

Hello jonathonlee,

Please go to
templates/ja_university/css/template.css
then find these lines:
<blockquote>ul.department-list li {
background: none repeat scroll 0 0 transparent;
display: block;
float: left;
height: 110px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 120px;
}</blockquote>

change to

<blockquote>

ul.department-list li {
background: none repeat scroll 0 0 transparent;
display: inline-block;
float: none;
height: 110px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 120px;
}
</blockquote>

And find:
<blockquote>
ul.department-list {
display: block;
float: left;
margin: 0;
padding: 0;
}
</blockquote>

change to
<blockquote>
ul.department-list {
display: block;
float: none;
margin: 0;
padding: 0;
text-align: center;
}
</blockquote>

Once done, clear JAT3 Cache.

[jonathonlee Friend jonathonleeJoin date: November 2012Posts: 17Downloads:0Uploads:9 Thanks: 9 Thanked: 6 times in 1 posts]

#476385

In Firefox and IE everything is center, but in Chrome its to the left images and all. How Can I fix this issue.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#476481

Hello Jonathonlee,

Can you send me your site URL ? Cause I have tried my suggest above and it works in all browsers (FF, IE and Chrome)

[akwasi_c Friend akwasi_cJoin date: August 2008Posts: 124Downloads:0Uploads:5 Thanks: 10 Thanked: 8 times in 1 posts]

#481442

<em>@jonathonlee 350348 wrote:</em><blockquote>Hi, I’m trying to find out how to get the department list center in user1 on the JA_University template.

Here is a picture for a example.

In the picture are 6 department Icons. The red box is to show you where I want it in and the red line is where I want it center. How can I do this and thanks for any help.</blockquote>

I have a similar question concerning changing the image shown with the department list like the ‘bag’, ‘money’, graph. So how can I create my own and also how do I change them

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#481794

Hello,

The image for the Department list is located in folder: <blockquote>templates/ja_university/images/icons/</blockquote> , eight images from dep-1.png to dep-8.png. In order to change them, just override your images to the old ones.

Create your image with size 90 x 180px, include 2 images, one for normal state, one for hover state. You can see the image from our demo for example: http://joomla25-templates.joomlart.com/ja_university/templates/ja_university/images/icons/dep-1.png

[gmun Friend gmunJoin date: July 2011Posts: 3Downloads:0Uploads:0]

#501188

Can there be 9 icons instead of 8

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501254

Hi gmun,

Yes. You can display 9 icons instead of 8. Then open templates/ja_university/css/template.css, find lines:

ul.department-list li {
background: none;
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 120px;
height: 110px;
}

Change to width: 108px; or until the icons stay in the one line. Clear JAT3 cache after saving changes.

[Author]

Posts