Joomla Templates Club 406,261 posts

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#167780

on a website that i manage: http://www.4-Fitness.be , I want to use a image as a menu item.

It is the menu-item ‘slimcenter’. I can display the image, but only if i provide some text as well, but i do not want to show the text, only the image? can you help me?

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#408373

Hi,

You can set “Show Title” to No from Menu-> Parameters (JA extended)
Then only the image will be displayed on this menuitem!

Regards

Manos
[/h]

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#408379

Tried that already, then the complete menuitem dissapears for me, so i cannot see the image as well…

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#408382

Hi,
Yes i am sorry i was wrong.

I don’t know if that helps you but in that case (without making any modifications ) i would use a ( . ) for Menu Title .

Regards

Manos

P.S. Let’s see if anyone else can provide you with a better solution than i am able to 🙁

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#408383

not really,

a ‘.’ will only display a part of the picture. Blank spaces will be left away, 2 dots with some blanc space in between and the blank space will be cropped, i used underscores as a temporary solution…

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#408471

You try this way:
Example: for Home menu,
– set Additional class (in Parameters (JA Extended) section) is home-icon
– Add this code into /templates/ja_social/css/template.css


#mainnav li.home-icon a {
background: url(../images/home.png) no-repeat left top;
display: block;
width: 16px;
height: 16px;
margin-top: 15px;
padding-right: 0;
padding-left: 0;
text-indent: -999em;
overflow: hidden;
}
height and width are equal to height and width of image
<em>@sandman1979 262430 wrote:</em><blockquote>not really,

a ‘.’ will only display a part of the picture. Blank spaces will be left away, 2 dots with some blanc space in between and the blank space will be cropped, i used underscores as a temporary solution…</blockquote>

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#409117

I did this, but do not notice any difference? I am not totally sure about setting the additional class? is there a how to or some documentation? I just typed in ‘home-icon’ in the JA extended section…

Now the menu item even dissapears…

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#409173

Hi,
You configure Home menu (first menu) as my snapshots.

Change previous code to


#mainnav li.home-icon a {
background: url(../images/home.png) no-repeat left top;
display: block;
width: 16px;
height: 40px;
text-indent: -999em;
overflow: hidden;
}
Delete all of files of /cache and /t3-assets folder

---

Attachments:

1. 
2. 

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#409200

I do not have the options like you have in your first photo. I am using joomla 1.5 ?
The rest is done like you said…. But not working

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#409212

Hi,
I find down what happened to you.
I have viewed youe website, maybe you want to set SLIM CENTER menu item as image. So you need change code is


#mainnav li.home-icon a.home-icon {
background: url(../../../images/stories/slim.png) no-repeat left top;
display: block;
width: 110px;
height: 40px;
text-indent: -999em;
overflow: hidden;
}

Don’t set link image of SLIM CENTER menu item. It means link image is empty.
You login backend > Extensions > Template management > ja_social > set Optimize CSS is No
Delete all of files of /cache and /t3-assets folder again.

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#409230

I changed the background url,
and i think the configuration of the Slim center menu item is also correct (see screenshots?) however, it is still not working 🙁

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#409291

Your configuration is correct. It’s my mistake. I’m very sorry. You change

#mainnav li.home-icon a.home-icon
to

.ja-megamenu ul.level0 li.mega a.mega.home-icon

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#409863

I’m afraid this is still not working 🙁

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#410190

You try put code into http://www.4-fitness.be/templates/ja_social/css/menu/mega.css

.ja-megamenu ul.level0 li.mega a.mega.home-icon
background: url(../../images/stories/slim.png) no-repeat left top;
display: block;
width: 110px;
height: 40px;
text-indent: -999em;
overflow: hidden;
}
If it is not affect, you give me ftp information to check it, please.

[sandman1979 Friend sandman1979Join date: September 2008Posts: 64Downloads:15Uploads:4 Thanks: 7 Thanked: 1 times in 1 posts]

#410199

I’m affraid it is not working 🙁
ftp via pm

[Author]

Posts