CSS for editing product listing

Hello,

I used Inspector for editing the product listing.
I changed the quantity size but I would like to put the field in the center of the each listing.
I saw that If I change div.hikashop_subcontainer.thumnail, the field is in the right order. But my tries wasnt so accurate and successful.
Also, as you can see, if there are characteristics, the display isnt in block. I tried to do that with flexbox, but I failed as well. Anyways, my thought is that the product listings should be in order, not like wave.

Could you please help me?

Thank you in advance.

Hello,

I fixed the table, but I tried to fix the .hikashop_subcontainer form without much success. I also tried Inspector to see the changes in front-end but when I apply them in the custom CSS, the cart is setting in the product_title. I am sure that I am doing something wrong, because I havent achieve a vertical alignment
Could you please point me in the right direction?

Thank you in advance.

Hello,

Well.. If you check here: www.e-myrat.gr/index.php/xartopoleio/eks...r-pistolia-silikonis , the "add to cart" of each product is not in horizontal alignment. Also, the products with characteristics, are being dispalyed wrong as well. I would like everything to be in horizontal order.

Also here: www.e-myrat.gr/index.php/xartopoleio/pro...mitstart=30&limit=30 products with many words as title, have the "add to cart" in different margin than the others.

I tried to test via inspector, but didnt get results.

Thank you in advance.

Hello,

Yes, I fixed everything.

Thank you very much.

Hello,

Now I have this: www.e-myrat.gr/index.php/tsantes-kasetin...oller-glow-901251-73 . The add to cart, is in the quantity field.

I cant change the a.hikacart bottom, because the changes will apply everywhere.
I test the .hikabtn, which gavbe results but when I ty to change the css in file, changes doesnt apply.

Hello,

In that case, I used :

.hikabtn.hikacart {
position: absolute;
bottom: -30px;
left: 0%;
}

And the cart under the quantity field set right. But the cart under "related products" is .hikabtn.hikacart and moved as well under. So in that case, it didnt displayed.
Also, the .hikacart in product listing was affected as well.

To sum up, I am 100% sure that I am doing the editing wrong.

Edit: A page with the example above: www.e-myrat.gr/index.php/tsantes-kasetin...oller-glow-901251-73

Hello,

So, in that case would be that?

.hk-row-fluid .hikabtn, .hika_j2 .btn html {
bottom: -50px;
}

I understood the tutorial and it is useful to be honest, but I am missing the class and all the edits are affect the rest css, which means that I am picking the wrong one.

Thank you in advance.

Goodmorning,

I used that:

.hikashop_product_right_part .hikacart {
position: absolute;
bottom: 100px;
}

Which worked here: www.e-myrat.gr/index.php/vivlia/product/...ixani-citizen-pe-570
but didnt work on books where I have many costum fields, like here: www.e-myrat.gr/index.php/vivlia/logotexn...thronou-sto-vyzantio

Shouldnt be ok, since I used position: absolute; ?

Once again, thank you for helping me..

Hello,

Well, I think that I did. I add that:
.hikashop_product_quantity_main a.hikabtn.hikacart {
position: relative;
bottom: -20px;
left: 50px;
}

#hikashop_product_quantity_main.hikashop_product_quantity_main {
width: 30%;
}

And it is working without affecting something else.
Did I get right the way that I should pick the html class?

Hello,

Thank you very much for your time and the fact that you tried to show me the right way to understandi how things are working.

I really appreciate it.