Return to previous page

Multiple Issues - by Andrew Allen - on WordPress WooCommerce support

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

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.

#245191 Copied Theme version: 6.3.8 WooCommerce version: 4.3.1

1 Answer
Olga Barlow

Participant

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
#245270 Copied
Viewing 2 results - 1 through 2 (of 2 total)