Home › Forums › Themes Support › Claue › Add to cart behaviour – popup

Topic Resolution: Resolved
Viewing 4 reply threads
Save
  • Author
    Posts
    • September 2, 2017 at 12:14 pm #9174
      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!!!

       

    • September 2, 2017 at 5:07 pm #9178
      capellaink
      This reply has been marked as private.
    • September 2, 2017 at 10:51 pm #9188
      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

    • September 2, 2017 at 11:08 pm #9193
      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

    • September 3, 2017 at 11:54 am #9224
      capellaink
      This reply has been marked as private.
  • Author
    Posts
Viewing 4 reply threads
Save

You must be logged in to reply to this topic.