Joomla Templates Club 406,261 posts

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#169660

Is there any way that image will fill the whole menu item tab and won’t display text?
When I create new menu item, link it to an image and pick title off I still receive title on and image very small.

site: shimers.co.il (fourth menu item from the right)

Thanks,
Shahar

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419252

Hi,
I still can not get clearly your problem.
Could you please provide an screen shot to explain more detail.
Thanks
Viet Vu

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#419260

Explanation in the image.
Thanks

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419270

Hi
Please provide me your live site URL for check.
Thank you
Viet Vu

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#419281

http://shimers.co.il/
<em>@jooservices 275834 wrote:</em><blockquote>Hi
Please provide me your live site URL for check.
Thank you
Viet Vu</blockquote>

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419330

Hi,

Can you get the image back then I can check? I don’t see it now. Also please add a class suffix for this menu item, I will try to add some css code for this.

Thanks
Viet Vu

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#419336

image still selected, weird you can’t see it.
what class suffix to add? and where? in Link CSS Style?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419474

Hi,

You did set Show Title config to “No” so the menu item disappeared though you published it. I changed to “Yes” and it’s displaying now.

I also add a class suffix for the menu item, its name is “test”, you can find this in the menu item setting.

To show the image instead of text in the menu item, you try adding this code to template.css


.test {
padding-bottom: 0;
padding-top: 0;
}
.test span.has-image{
height: 48px;
width: 100px;
}
.test span.menu-title{
text-indent: -1000px;
}

Then clear cache to get affected.

Thanks
Viet Vu

1 user says Thank You to jooservices for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#419538

Thank you, though, how do I remove padding of one menu item?
I want to disable the padding around the image, so the image fits exactly in the menu.
I don’t want to change to all the menu items.
If i change it here (mega.css)

ja-megamenu ul.level0 li.mega a.mega {
color: #fae9d4;
font-size: 120%;
font-family: Verdana, "Segoe UI", sans-serif;
padding: 15px 20px; /* changing this will effect whole menu*/


[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419539

Did you try adding my code? I tested the code with firebug already, it made the image fit with menu item, you see the two first lines, I made it to remove paddings.

<blockquote>I don’t want to change to all the menu items.
</blockquote>
That’s why we need to create suffix class to create seperated css code to style for only one item.

Thanks
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#419623

Hi
In case you can’t do it by self. Please update thread w/ your FTP / Backend access i’ll try to help you.
Thank you
Viet Vu

[Author]

Posts