display quantity and buttom on different line

Start
Prev
1
Next
End

francota
Topic Author
Offline

Posts: 281
Thank you received: 3

8 years 7 months ago #253393

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.3

Hello
I have a problem with display of quantity in list of product, it is on the same line of add to cart, and it is not really nice to see, I dont know why also if the template that i am using is compatible with your nice hikashop
However to make it more nicer i was thinking to put the button on the other line, so I tryied to add a <BR /> in language file
X_ITEMS_IN_STOCK="%s disponibili <BR />"
But without effect, can you suggest me other solution please, or maybe some setting

Thanks

FRank

Attachments:

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

Philip
Offline

Posts: 4820
Thank you received: 654
MODERATOR

8 years 7 months ago #253434

Hello,

First of all have a look on this tutorial part : here , that will show you how to create a custom_frontend.css.
Maybe this kind of Css command can leads you to your needs :

input#hikashop_product_quantity_field_5 (quantity selector),
input.hikashop_cart_input_button (add to cart selector) {
    display: block;
}

Maybe there some Css command to add in order to have a good display, for this you can see some Css command explanation, here .

Hope this will help you.

Regards

Last edit: 8 years 7 months ago by Philip.

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

francota
Topic Author
Offline

Posts: 281
Thank you received: 3

8 years 7 months ago #253561

Hello and thanks for your help
Following your suggest and looking for internet I reached my goal by this code:
#hikashop_product_stock .btn .hikashop_product_stock a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button {
display: block;
margin: 0 auto;
width: 100px;
}

WHat do you think?? there is any error?
Thanks

Frank