Proceed to checkout icon and text movement

[wtflovelife]

Hi! On various pages (specifically the checkout page) there is an animation when you hover over CHECKOUT and UPDATE CART. How do I turn that off? I can remove the icon with custom CSS but can’t figure out how to make the text not move to the left when you hover.

Thank you!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your child theme’s functions.php file:

/* WOO CHECKOUT BUTTON
	================================================== */
	if ( ! function_exists( 'woocommerce_button_proceed_to_checkout' ) ) {
		function woocommerce_button_proceed_to_checkout() {
			$checkout_url = WC()->cart->get_checkout_url();
			?>
			<a class="sf-button standard checkout-button accent" href="<?php echo esc_url($checkout_url); ?>">
				<i class="fa-long-arrow-right"></i>
				<span class="text"><?php _e( 'Proceed to Checkout', 'swiftframework' ); ?></span>
			</a>
			<?php
		}
	}

– Kyle

[wtflovelife]

Thank you so much! It worked great! Can I edit this to also apply to the update cart button? I didn’t realize that it does the same thing.

[Kyle – SUPPORT]

Add this to your custom css:

.woocommerce .cart input.button:hover {
    padding: 0 10px!important;
}

– Kyle

[wtflovelife]

Awesome! Thank you 🙂

[Kyle – SUPPORT]

No problem 🙂