Joomla Templates Club 406,261 posts

[crjordan Friend crjordanJoin date: June 2010Posts: 8Downloads:0Uploads:1 Thanks: 4]

#153438

In the JA Opal Moo Menu Manager there is an option for “Menu items”:

I have my images in the specified folder (images/stories), and I also formatted their size to be quite small I believe 10×10 px in order to fit into my menu. Still to no avail my efforts have nothing to show for them. I’m curious if there needs to be a specific size, file type, or whether I have to edit some CSS code to accommodate for these menu items. Any help would be greatly appreciated.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#352407

you open the file: /templates/ja_opal/ja_vars_1.5.php and find the code line:
[PHP]
$japarams->set( ‘menu_images_align’, ‘left’ );
[/PHP]
replace with:
[PHP]
$japarams->set(‘menu_images’, 1);
$japarams->set( ‘menu_images_align’, ‘left’ );
[/PHP]

This additional code allows displaying icon beside menu item. Hope that help 🙂

1 user says Thank You to Saguaros for this useful post

1. crjordan

[crjordan Friend crjordanJoin date: June 2010Posts: 8Downloads:0Uploads:1 Thanks: 4]

#352983

Tien you truly are the man. What line of code do I have to edit in order to put a little bit of space in-between my image and menu item? The image is right next to the text.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#353032

<em>@crjordan 190707 wrote:</em><blockquote>Tien you truly are the man. What line of code do I have to edit in order to put a little bit of space in-between my image and menu item? The image is right next to the text.</blockquote>

Now, you add the following css into the template.css file:

#ja-cssmenu img {
float:right;
padding:0 0 0 7px;
}

[Author]

Posts