Joomla Templates Club 406,261 posts

[capirex Friend capirexJoin date: January 2014Posts: 22Downloads:0Uploads:11 Thanks: 11]

#194896

Hello Everyone…. I’m a newbie in joomla and joomlart. I’m using JA Mitius for my website, i have problem with category image description. The problem is when i hover my mouse over the category image the overflow description not covering perfectly all my category image like the demo site of JA Mitius.
Let me show you some picture of how my problem show…

This happen when i hover my mouse on category image on my website

and this how demo site looks…

another how the demo site looks…

And now my greatest question to all the expert on joomlart here is not about how the earth keep spining day by day, but how can i achieve the demo site look as above. Please help.. i already put the same code and the same class to the category description. But still the overflow description not covering perfect to the image. Should i put some change to the css,.. but where? i do really need help here.. thanks 🙂

---

Attachments:

1. 
2. 
3. 

[capirex Friend capirexJoin date: January 2014Posts: 22Downloads:0Uploads:11 Thanks: 11]

#523092

Hello……. :((

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523129

can you Please post your site Url

[capirex Friend capirexJoin date: January 2014Posts: 22Downloads:0Uploads:11 Thanks: 11]

#523249

<em>@Chavan 411848 wrote:</em><blockquote>can you Please post your site Url</blockquote>

hi chavan… here is my site.. where the problem is http://goo.gl/9EIjC8

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523285

Go to this file: /templates/ja_mitius/css/themes/blue/template.css

Replace this code


div.sub-category .subcategory-desc, div.cat-children .subcategory-desc { background: url(../../../images/trans-dark.png); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; bottom: 0px; display: none; color: #999 font-size: 15px; left: -299px; height: 350px; position: absolute; padding: 120px 30px 0 30px; transition: all 0.3s ease-in; text-align: center; width: 299px; }

With


div.sub-category .subcategory-desc, div.cat-children .subcategory-desc { background: url(../../../images/trans-dark.png); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 35px; display: none; color: #999 font-size: 15px; left: -299px; height: 350px; position: absolute; padding: 120px 30px 0 30px; transition: all 0.3s ease-in; text-align: center; width: 299px; }

1 user says Thank You to chavan for this useful post

1. capirex

[capirex Friend capirexJoin date: January 2014Posts: 22Downloads:0Uploads:11 Thanks: 11]

#523435

<em>@Chavan 412050 wrote:</em><blockquote>Go to this file: /templates/ja_mitius/css/themes/blue/template.css

Replace this code


div.sub-category .subcategory-desc, div.cat-children .subcategory-desc { background: url(../../../images/trans-dark.png); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; bottom: 0px; display: none; color: #999 font-size: 15px; left: -299px; height: 350px; position: absolute; padding: 120px 30px 0 30px; transition: all 0.3s ease-in; text-align: center; width: 299px; }

With


div.sub-category .subcategory-desc, div.cat-children .subcategory-desc { background: url(../../../images/trans-dark.png); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 35px; display: none; color: #999 font-size: 15px; left: -299px; height: 350px; position: absolute; padding: 120px 30px 0 30px; transition: all 0.3s ease-in; text-align: center; width: 299px; }
</blockquote>

Wow… Thanks for the css code… Problem Solved… Thank you very much Chavan….

[Author]

Posts