Multiple Issues - by Andrew Allen - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

  • Avatar: Andrew_Allen
    Andrew Allen
    Participant
    July 23, 2020 at 17:32

    1. My changes in Yellow Pencil are useless after being saved 90% of the time on every page except home. Notice the difference in font, color of add to cart button. How do I make what I see in Yellow Pencil editor end up as the actual result?

    Screenshot from Yellow Pencil:
    https://ibb.co/m6Qtgr8

    Screenshot from actual site:
    https://ibb.co/bNRkhkJ

    2. I’d like Add to Cart quantity removed unless on the cart page. Plus, the button seems broken in general with that or and line in there. How do I fix?

    3. How do I center all other elements on this product page that aren’t currently as seen in my yellow pencil screenshot?

    4. How do I change the color or general appearance of any alert messages such as “product added”?

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 24, 2020 at 15:52

    Hello,

    1) Screenshot of the Yellow Pencil that you provided seems is from the iPad version. And for the iPad it looks the same as you sent me http://prntscr.com/tnx4xf
    If you want to edit the layout of the desktop version I would recommend you use the Single product builder (Theme Options > WooCommerce > Single product) and using columns width, alignment, settings create layout you need. Use the Yellow pencil plugin only if you want to create such styles as font-size, color. It does not work correctly with the position of elements very often.

    2) That OR appears from the Stipe plugin http://prntscr.com/tnx9fp
    Add the below code to hide it

    .single-product .cart #wc-stripe-payment-request-button-separator {
        display: none;
    }

    3) Use the Single product builder columns settings http://prntscr.com/tnxogs and elements settings http://prntscr.com/tnxorl

    4) Add the custom code to Theme Options > Custom CSS

    .et-notify[data-type=success] {
        background: #000;
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.