Added quantity field, need formattation

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109040

Hello,
I've succesfully added the quentity field in list, but how I can center and put in another line the cart button?

See attached image: I need to center quantity field, and put after, down, the add to cart button

Thanks!

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 2334
  • Thank you received: 403
11 years 4 months ago #109051

Hi there,

This is a css issue.
You should take a look at our documentation: www.hikashop.com/fr/support/documentation/faq.html#css
You can still ask us if you need some help ;)

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109056

Uhm.. maybe please can you help me to solve this?

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109057

We would need a link to that page to help you more precisely as it depends on the CSS on your website which we don't know.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109058

www.svapper.com/site/index.php/prodottib2c

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109079

It's indeed because of the CSS of your template.
You can counteract that by add that CSS:
.hikashop_product_quantity_field{ padding: 0 !important; }

The following user(s) said Thank You: giorgiofox

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109087

Thanks, but I can't understand what file exactly I need to modify adding that line.
I've tried many css, with no success.

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109090

As explained in the documentation link Eliot gave you, you can add that code in the frontend CSS file of HikaShop via the Display tab of the configuration.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109093

Hello
I've supposed that and also already tried.
See attachment to check if I done it tight please.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 2334
  • Thank you received: 403
11 years 4 months ago #109103

You should put it at the end of the file and make sure you saved the configuration with this file selected.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109109

Done, but nothing changed :(

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109127

I can see that the file used on your website is frontend_custom.css while you're editing the file frontend_custom1.css
So you didn't select the correct CSS file in the configuration and saved it.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109142

No! I've changed it, but I have also modified it. I've simply tried another file.
The frontend_custom.css is modified.

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109143

You didn't add the correct code.
I see that you added:
.hikashop_product_quantity_field{ padding: 110 !important; }

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109149

Yes, "110" is an experiment to see if anything changes.
Now is again "0" but nothing changed.

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109175

Try like that:
.hikashop_product_quantity_field{ padding: 0px !important; }

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109182

Tried, no success :(
Nothing changed again.

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109269

Any other idea please?

Thanks in advance
Giorgio

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109272

I see that there is also a margin set by your template so you also need that CSS:
.hikashop_product_quantity_field {
margin: 0px !important;
}

Please note that this comes from your template CSS, so you should see with them normally...

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
11 years 4 months ago #109277

Done, but now is attached to left!

I really need that the quantity filed, go in another line.

Please note that If I check html, I can see a simple table with two column! I need two row!

Thanks again
Giorgio

Please Log in or Create an account to join the conversation.

Time to create page: 0.108 seconds
Powered by Kunena Forum