Woocommerce Coupon code alignment

[ipsoluces]

Hi,
I need some help to customize my cart layout. i put a screen shot below.

1. i want to put “coupon code”, “apply coupon” and " and " Mettre à jour le panier" on the same line
2. they must have the same height
3. i want to add top, right and bottom border for the column " Total Panier"
4. “sous-total” column on the cart table must desappear for media between 767px and 900px
5. in some case, product tilte comes hover image product

Thank u for your help

[tristup]

Hi @ipsoluces,

Thanks for reaching out.
Sometimes the only screenshots don’t help us to recognize the issue you are having. We need to examine your site to get the cause of the issue. If that login is required to check your website, please provide credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: It seems the site you mentioned in the screenshot is not found from the listed site in your theme account, if it is not already listed with some other account please add that to get further support.

Thanks

[ipsoluces]

hi @tristup,
the other account may be MADINCLOUD or something like this. i put a secure note for the loggin credential
i Stay in touch

[marc_a]

Hi @ipsoluces,

I check your account @ipsoluces and Madincloud but I don’t see this website listed under your name. It would be best that you ask the question using the account where the website is associated. Regretfully, we can’t proceed and answer your question because that website is not part of your account.

Thank you for understanding.

[ipsoluces]

Hi,
The Website is now validated in my account.

[tristup]

Hi @ipsoluces,

To what you are trying to achieve you need to add the following custom CSS and JavaScript code into the Theme Options > CSS and Theme Options > JS.

[class*=woocommerce] .cart .actions .coupon
{
    flex-flow: row nowrap !important;
}

jQuery(document).ready(function($){	
            jQuery("button[name='update_cart']").appendTo('.coupon');
});

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide custom codes that mean we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks