WooCommerce Product input field width

Resolved twgerber
(@twgerber)

7 years, 3 months ago

My number fields are too short to see what the user is typing in.

Is there a setting in OceanWP that is impacting this?

See http://mirrorstaging.wpengine.com/product/laguna-silver-mirror-frame/

Or does anyone see custom CSS I can add to improve it? I’m not much of a CSS guy 😉

Thx

Viewing 7 replies - 1 through 7 (of 7 total)

Wild Jim
(@smokingblends)

7 years, 3 months ago
We are having a similar issue.

https://www.smokingblends.com/wp-content/uploads/2019/02/skyrverge2.jpg

This theme is having some issues with woocommerce. Just about every plugin we are using for woocommerce as well as woocommerce itself is having some type of issue.

https://www.smokingblends.com/wp-content/uploads/2019/02/amazon-pay.jpg

Your page is also throwing about a half dozen structured data errors. With your background in SEO you know that is a major problem.

https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fmirrorstaging.wpengine.com%2Fproduct%2Flaguna-silver-mirror-frame%2F
- This reply was modified 7 years, 3 months ago by Wild Jim.
- This reply was modified 7 years, 3 months ago by Wild Jim.
Amit Singh
(@apprimit)

7 years, 3 months ago
@twgerber add the below CSS code to the Customize > Custom CSS section to fix it.
```
.wccpf-fields-group-1 {
    padding-bottom: 20px;
}
.woocommerce form input[type="number"] {
    max-width: 35%;
}
```
@smokingblends I replied to your topic about this issue. We are working and try to fix the schema issue in the next theme update.
Thread Starter twgerber
(@twgerber)

7 years, 3 months ago

Thanks that works.

Now where can I set a more defined border and maybe change input field background color.

I see a ton of options under WooCommerce -> Advanced Styling but none of them seem to have any impact when I am on a product page.

Thanks

Amit Singh
(@apprimit)

7 years, 3 months ago

Hello,

Go to Customize > General Options > Input fields section and try to change the color. Let me know it works or not.

Thread Starter twgerber
(@twgerber)

7 years, 3 months ago

Thanks. For some reason I thought it was on the WooCommerce sub-menus 😉

Amit Singh
(@apprimit)

7 years, 3 months ago

All the fields are controlled from one place in the theme.

Thread Starter twgerber
(@twgerber)

7 years, 3 months ago

Right All fields vs woocommerce fields 😉 I was isolated in my thinking to woocommerce fields which was incorrect. It’s really all fields in the system not just limited to WooCommerce.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘WooCommerce Product input field width’ is closed to new replies.