Add to cart option buttons totally crooked

Hello,

Did you try to disable/enable plugin one by one to check for a possible conflict?
Go to Dashboard > Theme Panel > Scripts & Styles and disable all – save settings, then enable it again. Clear cache to see the changes. Let me know it works or not.

Tried that, seems that a script or style was making it align so weird, but still the add to cart button has the weird stripe and -OR- after the quantity which doesnt seem to be a style or script conflicting. Also after adding items to your cart it shows the ‘product name’ has been added to your cart. With a view cart button besides it, but it seems that the view cart button is not responding as when i click on it it doesnt take me to the cart.

For the alignment issue, It seems you have added padding in that section. Try to add the below code to the customize> CUstom CSS section and check it fixes it or not.

.elementor-2162 .elementor-element.elementor-element-aea1dcc>.elementor-widget-container {
    padding: 0;
}

For the add to cart redirection issue, go to Dashboard > Woocommerce > Settings > Products Tab and enable the ‘Redirect to the Cart page after successful addition’.

Hi again, i tried putting in the custom css in elementor and the oceanwp customizer, but it didnt change anything, have found out that due to “Custom Select” scrypt/style the button is not aligned. ”This script uses the native select box and add overlays a stylable <span> element in order to acheive the desired look.”
but if i turn the script off, my header will also dissapear, and the change i made to text color etc will also dissapear, the buttons are still not aligned at all when i change it back. so i’m kinda screwed here as i cant sacrifice all the things that the scrypt activates..
Also there is no padding at all on the widget in elementor.
Thanks for helping.

+
When i add a second add to cart button straight below the original add to cart button in my elementor template page the second Quantity + add to cart button that i’ve just added wont be crooked(if you delete original and keep the second button it will go de aligned again)
Screenshot: https://gyazo.com/ea32c412c0a1ea14127e88ff2a313284
I really can’t find my way out here how to fix this.. and ive been busy for a few days with this particular thing only. Please let me know if you have any further suggestions/fixes.

As you can see on the screenshot, the Variable options tabs where you choose size and product are still not aligned correctly. As stated in the post before, by turning the ‘custom select’ style/scrypt off it will align correctly again, but this will delete so much customization i did with oceanwp. All the headers dont work anymore, etc etc.