Public Forums 71,145 posts

[sarsells Friend sarsellsJoin date: August 2011Posts: 65Downloads:0Uploads:11 Thanks: 13 Thanked: 1 times in 1 posts]

#167469

Hi
I am hoping that someone will kindly help me?

I have am using mega menu as my main menu, and want to add images. I have added one to a menu item via Joomla>main menu>menu item. However it places the images to far to the right. I only want it to be a couple of px from the left. I have given the link name a value of padding-left 25px. This governs only the text and not the image.
The site is local so I can only post some screen shots. I have included the css governing the image and the link.

I note at the top of ul.level0 li.mega a.mega {
I have a broken link to a background image. Is this where I should place my image? In which case, I am not sure what folder to put the image in? I do not know where this path refers to.

If this is not the case, please can someone tell me how to style the menu image that has been added via Joomla>main menu>menu item

---

Attachments:

1. 
2. 

[Trimud Friend TrimudJoin date: May 2006Posts: 245Downloads:36Uploads:11 Thanks: 8 Thanked: 55 times in 45 posts]

#406535

hello,

every menu item should have own unique id, so You can cascade by this id. I.e.:
ul.level0 li.mega a.mega#menu31 {}

Hope I’m understanding the problem 🙂

Regards

[sarsells Friend sarsellsJoin date: August 2011Posts: 65Downloads:0Uploads:11 Thanks: 13 Thanked: 1 times in 1 posts]

#406686

Hi thank you for the help.
Sorry, this is not the problem. I want to style all the menu items in this menu, so that there is an image and text. I want the image to sit 2px from the left border, but it is about 15px away from the border and I do not know how to resolve this?:-[

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

#406726

Hi,
You add this code into /templates/ja_purity_ii/css/menu/mega.css


.ja-megamenu ul.level0 li.mega .has-image{
background-position-x:-10px;}


[sarsells Friend sarsellsJoin date: August 2011Posts: 65Downloads:0Uploads:11 Thanks: 13 Thanked: 1 times in 1 posts]

#406769

Thank you. However this did not work. Perhaps I am meant to add the image as a background images, but I do not seem to be able to, as what ever path I put in, seems to be wrong. The images at the moment, where put in via the menu item . The contact tap has no image yet as it is a component menu item and did not allow me to put an image in.

The site is now live at a sub domain. http://new.allyoucanbear.com I would really appreciate any more help. 🙂

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

#406858

Hi,
You try another way:
You remove my code I gave you and add this code into /templates/ja_purity_ii/css/menu/mega.css


ul.level0 li.mega a.mega {
padding-left:2px;}

1 user says Thank You to khoand for this useful post

1. sarsells

[sarsells Friend sarsellsJoin date: August 2011Posts: 65Downloads:0Uploads:11 Thanks: 13 Thanked: 1 times in 1 posts]

#406859

Thank you so much, that sorted it.
however, I still have the problem of the 1 menu item with no image. It is the contact page , it not an article page put a component page, and there is no option for a menu image.
If this cannot be solved, perhaps I should look into other options for my contact page?

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

#406883

I don’t understand what you mean clearly. So could you give me a snapshot with your annotation?

[sarsells Friend sarsellsJoin date: August 2011Posts: 65Downloads:0Uploads:11 Thanks: 13 Thanked: 1 times in 1 posts]

#406894

Hi
I am sorry to muddle you.

I have now resolved the issue. I have found where I add the image.

Thanks again for your help.

---

Attachments:

1. 
2. 

[Author]

Posts