Joomla Templates Club 406,261 posts

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

#725310

Hi @suzanna,

I managed to adjust it a little bit for you, please replace your current file templatesja_university_t3htmlmod_articles_categorytop-col.php with attachment file then open file templatesja_university_t3csscustom.css (create a new one if you don’t have this file), add this code :

ul.category-module.top-col > li {
background: #fff;
box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
ul.category-module.top-col .container-wrap {
position: relative;
}
ul.category-module.top-col .img-intro {
margin: 0;
min-height: 120px;
overflow: hidden;
}
ul.category-module.top-col .img-intro img {
max-width: none;
min-height: 120px;
margin-left: -22px;
}
ul.category-module.top-col .tabs-category {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
background: #f8f8f8
transition: 0.4s ease;
}
ul.category-module.top-col > li:hover .tabs-category {
opacity: 1;
}
ul.category-module.top-col h5 {
margin: 0;
padding: 10px 20px;
display: block;
text-align: center;
}

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

1. suzanna

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

#755023

Hi @suzanna,

I managed to adjust it a little bit for you, please replace your current file templatesja_university_t3htmlmod_articles_categorytop-col.php with attachment file then open file templatesja_university_t3csscustom.css (create a new one if you don’t have this file), add this code :

ul.category-module.top-col > li {
background: #fff;
box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.25);
}
ul.category-module.top-col .container-wrap {
position: relative;
}
ul.category-module.top-col .img-intro {
margin: 0;
min-height: 120px;
overflow: hidden;
}
ul.category-module.top-col .img-intro img {
max-width: none;
min-height: 120px;
margin-left: -22px;
}
ul.category-module.top-col .tabs-category {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
background: #f8f8f8
transition: 0.4s ease;
}
ul.category-module.top-col > li:hover .tabs-category {
opacity: 1;
}
ul.category-module.top-col h5 {
margin: 0;
padding: 10px 20px;
display: block;
text-align: center;
}

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

1. suzanna

[Author]

Posts