Add to cart and wishlist buttons styling

-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3.8.2
-- PHP version -- : 7.1
-- Browser(s) name and version -- : Firefox & chrome

Hi there!
I am trying to get my product description page "add to cart" button and "add to wishlist" buttons one above the other, and also the "stock count" and Quantity selector also in separate lines.. basically i want them all in a straight vertical line, one beneath the other, but they are all grouped together and I am not really sure how to separate them.

I also have an issue with the quantity input field on the mobile version of the product description page, the input field is really long the plus and minus don't have the nice background/formatting of the desktop version.

If anyone could help that would be amazing, thank you!

Jess

This is how it currently looks


This is how I would like it to look


And this is the mobile version, the add to cart section is just kinda messed up

Hello,

You can use some custom Css to add like show on this tutorial .
I think that you can add this kind of Css command :

Hope this will help you to get what you want.
Regards

Hi Philip, thank you very much for your reply.
I tried adding that code to my frontend custom css file, but it doesnt seem to have made any difference unfortunately
Are there any other possibilites you know of that might help?

Thank you kindly,
Jess

Hello,

Can you provide an Url link with your custom Css ? In order to better see the context ?

Note : If needed, you can use our Contact us form to provide your Url or references, don't forget to add to your message an Url link to this topic.

Awaiting news from you.
Regards