Joomla Templates Club 406,261 posts

[rhante Friend rhanteJoin date: February 2011Posts: 19Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#162811

I have 2 Problem.

1- i used 32×32 icons at menu. And the space between icon and menu name is not enough. How can i adjust it?

2- how to change the product name to under the picture? OR how to reduce the space between picture and name?

Ty for reply

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386530

Hi,

For menu issue, please refer to http://www.joomlart.com/forums/topic/how-to-move-text-to-right-after-inserting-a-bigger-image-in-mega-menu/

In your case, you need to use <blockquote>span.has-image</blockquote> instead of <blockquote>div.megacol span.has-image</blockquote>. div.megacol is required if you are styling menuitems with images in the megamenu columns..

[rhante Friend rhanteJoin date: February 2011Posts: 19Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#386534

there is no code on template.css like this

div.megacol span.has-image {
background-position: left 1px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
padding-left: 40px;
}

any idea?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386540

That is the additional code you need to put in template.css to override the current styling of the image icons with respect to menu item links.

As I said before you need not use <blockquote>div.megacol</blockquote>
you need to use <blockquote>span.has-image {
background-position: left 1px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
padding-left: 40px;
} </blockquote>

1 user says Thank You to himangi for this useful post

1. rhante

[rhante Friend rhanteJoin date: February 2011Posts: 19Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#386555

<em>@himangi 234424 wrote:</em><blockquote>That is the additional code you need to put in template.css to override the current styling of the image icons with respect to menu item links.

As I said before you need not use
you need to use</blockquote>

TY done it.

And still have problem 2

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386558

Hi

A ticket has been raised for the 2nd problem.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#386642

Dear rhante,

in this module,each product item (including product image,title…) were rendered by the core virtuemart component,If you want to change the order (for example the title go under the image) then the change will be applied for other parts ( virtuemart categories..).

So do you want to make this change ?

[rhante Friend rhanteJoin date: February 2011Posts: 19Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#386667

<em>@dathq 234551 wrote:</em><blockquote>Dear rhante,

in this module,each product item (including product image,title…) were rendered by the core virtuemart component,If you want to change the order (for example the title go under the image) then the change will be applied for other parts ( virtuemart categories..).

So do you want to make this change ?</blockquote>

ya. i do.

its not important, all product should have same format.

[Author]

Posts