Add to cart behaviour – popup

[capellaink]

Hi,

What’s the custom css to change the styling for the pop-up after add to cart:

1. Font size for “Your Order” title
2. Font size for “You might also like these” title
3. Change the text “You might also like these” to something else
4. Change the “Proceed to Checkout” button color
5. Change the size of “Subtotal” text
6. Font size & weight of the Related Product titles below
7. The “add to cart” button style, to be the same style as the “Proceed to Checkout” button, as in filled, with background color, and white text.
8. Change font size of the product price, on this pop-up only, not the product quick view pop-up. I’ve set the product quick view pop up size to 20px. But it also reflects in this pop-up. I used this code:

.jas-wc-single .woocommerce-Price-amount.amount,
.product-quickview .woocommerce-Price-amount.amount {
font-size: 20px;
}

thanks so much!!!

 

[capellaink]

This reply has been marked as private.

[Foster]

Hi,

Sorry for the late response, you can use Loco Translate plugin to do change those text

https://wordpress.org/plugins/loco-translate/

Cheers,
Foster

[Harry]

Hi,

1. I saw you add some custom css for Add to cart Popup, please remove these and use below css code for popup

.cart__popup .cart__popup-title, .cart__popup .cart__popup-related-title { font-size: 13px;}
.cart__popup-action .checkout-button {background: #ff9898 !important;}
.cart__popup .center-xs.fs__20 { font-size: 13px;}
.popup__cart-product .modal_btn_add_to_cart {font-size: 10px; background: #ff9898 !important; color: #fff !important;}
.cart__popup .cart__popup-price .woocommerce-Price-amount.amount { font-size: 11px !important;}

2. You can change these text by use Loco Translate plugin http://support.janstudio.net/forums/topic/theme-translation/

After install LocoTranslate plugin you navigate to Loco Translate > Themes > Claue > New Languages > English (US) and search the text you want to change and change as you want

Regards,

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[capellaink]

This reply has been marked as private.

[Author]

Posts