Joomla Templates Club 406,261 posts

[zorroh Friend zorrohJoin date: November 2006Posts: 422Downloads:20Uploads:43 Thanks: 88 Thanked: 80 times in 1 posts]

#173475

i want to add home icon without home text, like in teline 4.

Maybe someone can help me?

Right now icon is visible but only with menu link text…:((

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#436650

Hi

You can do it

Goto /template/Ja_Nex/css/template.css and add these lines of code

#ja-mainnav li.home {
}
#ja-mainnav li.home a.home {
margin: 3px 5px;
padding: 4px 0 3px;
text-indent: -1000em;
width: 28px;
}
#ja-mainnav li.home .childcontent-inner {
background-position: 14px top;
}
span.has-image {
min-height: 18px;
}
#ja-mainnav li.home a.home {
background: url("../images/icons/home.png") no-repeat scroll center center transparent !important;
}
#ja-mainnav li:hover a.home, #ja-mainnav li.over a.home, #ja-mainnav li.active a.home {
background: url("../images/icons/home-l.png") no-repeat scroll center center #000000 !important;
}

Copy the two icon images in the templateimageicons folder

---

Attachments:

1. 
2. 

[zorroh Friend zorrohJoin date: November 2006Posts: 422Downloads:20Uploads:43 Thanks: 88 Thanked: 80 times in 1 posts]

#436751

Thank YOU, it’s working! 🙂

I have only on more little problem with home button… when i hover home button then it moves 2px up? Can You help me with this?

Frontpage is ok, but when i click on some link and then hover home button, then it moves up

my testsite: http://kaev.net/jupgrade/

#ja-mainnav li.home {
}

#ja-mainnav li.home a.home, li.hover a.home, li.focus a.home, li.over a.home {
margin: 3px 5px;
padding: 12px 0 3px;
text-indent: -1000em;
width: 30px;
text-shadow: 0 !important;
border: 0 !important;
}

#ja-mainnav li.home .childcontent-inner {
background-position: 14px top;
}
span.has-image {
min-height: 28px;
}
#ja-mainnav li.home a.home, #ja-mainnav li.active a.home, #ja-mainnav li.focus a.home {
background: url("../images/home7c.png") no-repeat scroll center center transparent !important;
}
#ja-mainnav li:hover a.home, #ja-mainnav li.over a.home {
background: url("../images/home7d.png") no-repeat scroll center center transparent !important;
}

[Author]

Posts