graphic problems with a responsive template

Hi,
I'd like to change my template with a new responsive template one.
On my test site i noticed two issues.

First
The menù to chose the variants is vertical and so a little bit confused.
You can see it here:
www.gmonamour.netsons.org/en/negozio-onl...o/6-ceci-bio-vendita
In my actual template i have it orizontal and it is better.
How can i set it orizontal?

Second
Some Hikashop icones are quite double.
You can see them in my screenshot attached
How can i fix that?

Hi,

The variants problem is a template issue. You have to remove the css property "display: block;" on the "label" in the file " www.gmonamour.netsons.org/templates/kaiser/css/formelements.css "

For the doubled images it's probably because there is a repeat applied on the images. Try to set the repeat to repeat: no-repeat; in css.

For the variants you're right; now the problem is solved! Thanks!

For the double images could you tell me what kind of the css file i have to work?

Hi,

You have to edit the frontend css file in "Config > Display > CSS" and edit the class: .icon-32-add_cart to add the property: background-repeat: no-repeat;

Hi,
perfect!
Solved!
Thanks a lot!

Hi,
I'm sorry but i had to chage my template again!
Now i have the same problem tha you can see here: www.lacasettabio.it/en/negozio-online/pr...c-chickpeas-for-sale

Also on ceckout>adress i have the icon "change" out of its place. You can see it in my screenshot.

Could you help me again, please?
Thanks

OK, I'm going to see the "change" button issue.

How about for:
the menù to chose the variants is vertical and so a little bit confused.

Could you help me, please?

Hi,
i tried to fix with Nicolas said:

Nevertheless, if you want to remove the class="modal" on a tags, you can change the code:
$this->getAttr($attr,'modal')
to:
$this->getAttr($attr,'')
in the file administrator/components/com_hikashop/helpers/popup.php

But it doesn't work.
Could you help me, please?

Hi,

you should then try the second solution which is :

The proper solution would be to not use .modal but div.modal in the their extension's modal.less file.

Hi,
Would you be so kind to give me more detailed instructions, please

Hi,

You have to edit the tempalte css file in order to replace the .modal class properties to div.modal.
By this way it will not display the edit buttons in popup.

I'm sorry but i can not find the .modal class on my template.css file.
Could you give me more information about it, please?

How about for:
the menù to chose the variants is vertical and so a little bit confused.

Could you help me, please?

I'm so sorry.
But i'm not be able to find it.
You mean in the file:
template>kallyas>css>template.css
Is it correct?

Yes, I think that he was talking about this file .

I'm going crazy.
But I have found it. It was in the file "bootstrap.css" !!!
I do not know why you had another file, but it does not matter.
It is solved.

For the issue
the menù to chose the variants is vertical and so a little bit confused.
I solved by myself it was the css property "display: block; Always on "bootstrap.css" file.

I'm very sorry but i noticed a new problem on the user control pannel.
There is something strange and wrong as you can see on my screenshot.

I have the same problem with my test site where i didn't change the template modal class.

Could you help me please?