Joomla Templates Club 406,261 posts

[EG Friend EGJoin date: March 2014Posts: 66Downloads:54Uploads:13 Thanks: 13 Thanked: 2 times in 2 posts]

#199972

Hello,

I have a problem about the department list on Home page.
I use the same html & Css forum the demo site for a new website. It works well but I can only set 7 “departments” or “pictures” and the eighth is on the next line.

Any idea how to solve this problem ?

Thanks a lot,

EG

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#543437

Hi EG,

Could you please provide your site url so I can take a look at the problem for you ?

[EG Friend EGJoin date: March 2014Posts: 66Downloads:54Uploads:13 Thanks: 13 Thanked: 2 times in 2 posts]

#543455

Sorry, I add the information in first post. Don’t pays attention about the the 8th icon is the same than 7th : it’s just to show you an example.
By the way, I have another issue : title of the department list doesn’t appear.
Secondly, if the text below the icon is too long, it doesn’t appear correctly : how can I modify this ?

Thanks a lot for your reactivity,

EG

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#543613

Hi EG,

I need to take a look at your site in order to investigate the problem, if you don’t want to publish it here, you can send me via private reply instead.

[EG Friend EGJoin date: March 2014Posts: 66Downloads:54Uploads:13 Thanks: 13 Thanked: 2 times in 2 posts]

#543680

So I found a solution, reducing width to have 8 elements in departement list. But I still have the other problem :
– if the text below the icon is too long, it doesn’t appear correctly : how can I solve this ?

Thanks,

EG

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#543890

Hi EG,

Thanks for the info, if you’re using JA University with new T3 framework, please open file root_folder/templates/ja_university_t3/css/custom.css (if you don’t have this file, just create a new one) then add this code :

ul.iep-list {
float: left;
width: 100%;
clear: both;
}

to fix the problem with text below icons, please add this code :

ul.iep-list li span {
bottom: auto;
}

In case you want to adjust the space around each icon, just add this code :

ul.iep-list li {
width: 14.28%;
}

1 user says Thank You to Adam M for this useful post

1. EG

[EG Friend EGJoin date: March 2014Posts: 66Downloads:54Uploads:13 Thanks: 13 Thanked: 2 times in 2 posts]

#544013

Thanks a lot !
It’s exactly what I needed.

Regards,
EG

[EG Friend EGJoin date: March 2014Posts: 66Downloads:54Uploads:13 Thanks: 13 Thanked: 2 times in 2 posts]

#544185

Actually there’s a last minor problem.
If you look the first icon, the text below is not aligned with the text below the other icons. Have you got an idea to solve this ?

Thanks,

EG

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#544370

Hi EG,

Please open custom.css and add this line :

ul.iep-list li a {
display: inline-block;
}

[Author]

Posts