Viewing 10 replies - 1 through 10 (of 10 total)
  • Please post the url to your site so the markup can be examined with browser tools.

    Thread Starter opeleroy

    (@opeleroy)

    Oops!

    Here it is: http://www.lane6publishing.com

    The Proceed to Checkout button on the site doesn’t look the same as the screenshot. Its long and thin, green and with plenty of room for the text. What browser and resolution were you using for the screenshot?

    Thread Starter opeleroy

    (@opeleroy)

    Lorro,

    Is it possible that you are looking at the checkout page for YourSwimLog.com?

    http://prnt.sc/aj56tf

    The checkout page is as you described on that domain.

    (I am using Lane6Publishing.com as a staging site for YourSwimLog.com.)

    Yes I was. Now looking at the staging site. To reduce the font size on the button, try this custom css:

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      font-size: 0.75em;
    }

    Any larger than 0.75em fails on narrow devices.

    Thread Starter opeleroy

    (@opeleroy)

    Lorro,

    Didn’t work… (I tried adding this same snippet to my css earlier after using the inspect function with Google developer tools.)

    Each time I try to upload the changes the font size remains at 1.25em.

    The markup tells us that your “styles are being cached for speed”, possibly by a plugin. Are you able to clear the style cache, and preferably deactivate the feature until development is complete.

    Please could you upload the snippet and I’ll try to find out why its not working.

    Thread Starter opeleroy

    (@opeleroy)

    I deactivated the two “styles” plugins, added W3TC and emptied the cache a couple times. (Is that enough to clear it all?)

    The snippet has also been added to the style sheet and uploaded.

    The cached version of the stylesheet is still being served up. Anyway, its not a good idea to add styles to the theme stylesheet because any edits will be overwritten by theme updates.

    Consider using a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    pursesinternationalusa

    (@pursesinternationalusa)

    First, I could write a book on How Much Those of You who contribute to these very helpful forums. I have benefited from a number of forums (answers). I have really been feeling compelled to express my gratitude towards many of you—so here it goes.

    Thank-you so VERY VERY VERY MUCH.

    Lorro, your answer solved my issue immediately. The plugin I used is Simple CSS. It saved me a great deal of time of moments of uncertainty. I simply activated the plugin and copied the code above/below:

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 0.75em;
    }

    Problem Solved: Great/Awesome—Thanks Again!

    Like I said, I could write a book on the number of answers that have helped me build my WordPress Website: This may help some of you:

    1. I deleted/removed almost all of the inactive plugins: Results: Faster Page Loading
    2. I downloaded the Zip File for WP 2014 Theme, Stored it in my WP Content File (theme Folder) for my specific Site, Renamed the twentyfourteen theme to twentyfourteen1, then unzipped the new twentyfouteen zip file (which created a new 2014 theme), then deleted the renamed one.

    Benefit: It resolved a number of my 504, 500 etc. issues/error messages, and W3 Total Cache issues which I installed in lieu of about 3/4 other SEO Programs I had installed. Still working on the Best SEO Setup.

    3. Finally, I hope everyone has a Happy Happy Holiday Season and Much Success In your Website Personal or Business Endeavors, and Thanks to Everyone for Sharing their Expertise via WordPress Forums.

    GDH–
    Purses International, USA &
    Delinquent Tax Sale Lands, LLC

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Proceed to Checkout Button Wrong size’ is closed to new replies.