Color text options

Resolved juliette
(@tjuly)

10 years, 4 months ago

Hi!

I’m using your plugin and it realy helped me. But there seems to be one thing i can’t change correctly.. example, text color for the placeholder etc. Also my Drop Down text shows up light grey (badly to read) Do u have an idea where i could change it?

Thanks in advance!

https://wordpress.org/plugins/wc-fields-factory/

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

Plugin Author Saravana Kumar K
(@mycholan)

10 years, 4 months ago
Hi sorry for the delayed response.

Here is the complete css class, which you can use to customize the flook & feels of the fields created by WC Fields Factory.
```
body.woocommerce table.wccpf_fields_table { }
body.woocommerce table.wccpf_fields_table td { }
body.woocommerce table.wccpf_fields_table td.wccpf_label { }
body.woocommerce table.wccpf_fields_table td.wccpf_value { }
body.woocommerce table.wccpf_fields_table td.wccpf_label label { }
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=text],
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=email],
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=number],
body.woocommerce table.wccpf_fields_table td.wccpf_value select { }
```
deeveedee
(@deeveedee)

10 years, 3 months ago

I added these css lines to my child theme’s style.css. Worked perfectly. Allows changes to background color, font-size, etc. For example,

body.woocommerce table.wccpf_fields_table td.wccpf_label label { font-size: 14px; }
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=text],
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=email],
body.woocommerce table.wccpf_fields_table td.wccpf_value input[type=number],
body.woocommerce table.wccpf_fields_table td.wccpf_value select { font-size: 14px; background: none; }

Thank you. Still evaluating this plugin and so far, this looks like a great addition to WooCommerce.

primic12
(@primic12)

9 years, 10 months ago

Hello,

by adding Label as Field there are 4 possibilities of type: Info, Danger … .
How could I change the color of the label displayed on the page, e.g. Info is blue, i would like it is white.

Thanks
Michal
Plugin Author Saravana Kumar K
(@mycholan)

9 years, 9 months ago
Hi sorry for the late response.

Here is the CSS snippets ( in case if someone still wanted )

Override the following CSS rules on your theme’s style.css
```
.wcff-label-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.wcff-label-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.wcff-label-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.wcff-label-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
```