Joomla Templates Club 406,261 posts

[kubii Friend kubiiJoin date: September 2012Posts: 55Downloads:0Uploads:23 Thanks: 18 Thanked: 6 times in 1 posts]

#182472

Hi Folks,

I added the functonality that the category name is shown, while hovering over the category image in category view. (with the help of LunaGarden thx btw.)

kubii wrote:

Here is the way:
Go to this file: templates/ja_zite/css/k2.css
Add these lines:
div.subCategory h2{
display: none;
}
div.subCategory:hover h2{
display: block;
}</blockquote>

what i would like now is, the same in the article view.
e.g.:

Category View -> Mouse hovering over a category image -> Category name is displayed

CLICK ON THIS IMAGE

Article View -> Mouse hovering over an article image -> Article name is displayed

How can I provide this?

Best regards!

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

#473882

Hello Kubii,
It’s me again.
In order to make Article View like Category view, please go to this file:
templates/your_template_folder/css/template.css
Add these lines:


.catItemHeader {
background: none repeat scroll 0 0 white;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
div.catItemHeader h3.catItemTitle a {
color: #333333
position: absolute;
top: 50%;
}
div.catItemView:hover div.catItemHeader{
display:block;
}


Hope this helps.

1 user says Thank You to Luna Garden for this useful post

1. kubii

[Author]

Posts