“Proceed to Checkout” text is not visible in the Cart Page

  • slideceo

    (@slideceo)


    7 years, 5 months ago

    Hi,

    I am facing this problem in the cart page. “Proceed to Checkout” Text is not visible. Initially I thought the font colour is being camouflaged with the button colour.

    But I tried changing the button colour and its seems the text is blank. How to bring back the text “ Proceed to Checkout” in the cart page. It seems the change has occurred after the update to the latest version.

    I would Appreciate any help plz!!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support con

    (@conschneider)

    Engineer

    7 years, 5 months ago

    Hey,

    If the text has vanished entirely from the button all together, than I would check for conflict et al. I wrote a help article on how to check for conflict and similar common issue scenarios here: http://conschneider.de/how-to-check-and-resolve-conflict-in-wordpress-and-woocommerce/ – it includes a checklist which you might find helpful.

    However it maybe that there is still some CSS interfering. Maybe your text is being hidden via a display:none; somehow?

    lorro

    (@lorro)

    7 years, 5 months ago

    The line-height is too big so the button text is below the bottom of the button. The offending line-height is coming from your theme’s style sheet. To fix this, try this in your custom css:

    
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  line-height: 14px;
}

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    Thread Starter slideceo

    (@slideceo)

    7 years, 5 months ago

    It was working fine till the latest update. I have not changed any CSS at all. I checked the cart.php in woocommerce. It seems to be fine. Nothing is overhidden from child theme also. I cannot figure out.

    Thread Starter slideceo

    (@slideceo)

    7 years, 5 months ago

    @lorro.

    Great!! I could see the text hanging below the button when I highlight it but the code did not fix the problem though.. I tried with different heights. It does not move the button

    lorro

    (@lorro)

    7 years, 5 months ago

    Unfortunately, style.css is loaded lower down the page than the custom css, and so takes precedance, so we need to increase the precedence of the custom css:

    
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  line-height: 14px !important;
}
    Thread Starter slideceo

    (@slideceo)

    7 years, 5 months ago

    Awesome..Worked Perfectly !!! Many Many thanks

    jedley

    (@jedley)

    7 years ago

    hi there,

    I am having the same issue but for all of my buttons such as ‘view my cart’ ‘proceed to check out’ etc.

    i have downloaded the simple css plugin.

    are you able to help me?

    lorro

    (@lorro)

    7 years ago

    @jedley
    Please post the url for your site.

    amberprimrose89

    (@amberprimrose89)

    6 years, 6 months ago

    Hi
    my site is http://www.tea2body.com

    I have two issues that have suddenly appeared and im not sure why?

    1. on the cart button on the home page it is displaying half a button with no text ( i think it used to say checkout)

    2. The second issue i have is on the last payment page when the customer select paypal or after pay has a payment method there is no text it used to say pay now. It is only working with stripe payment option.

    Any help please has it looks really bad and is a main function on the website

    Thanks

    amberprimrose89

    (@amberprimrose89)

    6 years, 6 months ago

    okey i seem to have fixed issue number 2 by removing the plugin woo button text plugin. but still have issue number two it used to say proceed to checkout no its just a half button with no text?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘“Proceed to Checkout” text is not visible in the Cart Page’ is closed to new replies.