Styling issue with Settings API
-
Hey. There is an interesting issue with the latest version (3.0). WooCommerce is adding a
‎character before and after text inputs in settings. The one before the element is causing the box to be pushed over a few pixels. This makes it look funny when the text setting is above or below a non-text setting that doesn’t have this problem. I’ve been able to counteract the effect with a negative margin left of 3 pixels, but then it looks funny on Firefox because Firefox ignore the‎character.The best example is in the Email tab page. You can see it in the “Header image” setting. If you inspect the element you will see the characters.
How can I solve this issue?
Thank you.
-
I can see it. In the Email Template settings page, the Header Image input is a few pixels more right than the Footer Text input. We’ll have to address this in 3.0.1 by styling those with only CSS.
EDIT: https://github.com/woocommerce/woocommerce/issues/13908
Great! Thanks.
For @claudiosanches:
- The topic ‘Styling issue with Settings API’ is closed to new replies.
