Return to previous page

Change the contact forms and drop down menu color/size in product page

This topic has 4 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Rose Tyler

FMiMBranding

Participant

October 5, 2024 at 18:06

Hello,

I’m losing a lot of sales because I don’t have the option to change the color and the size of the forms and drop-down menus on my product page. People cannot see it. I have looked everywhere but there doesn’t seem any proper way to change it unless it’s CSS but where?

Files is visible for topic creator and
support staff only.

#417364 Copied

3 Answers
Rose Tyler

Support staff

October 6, 2024 at 09:15
Hello, FMiMBranding,

Thank you for reaching out to us with your concern.

We recommend that you input the following code by navigating to Theme Options, then to Theme Custom CSS, and finally selecting Global:
```
.single-product form.cart table.variations th.label label {
    font-size: 30px;
    line-height: 1.3;
}
.single-product form.cart table.variations td.value select {
    font-size: 30px;
    line-height: 1.3;
}
```
https://prnt.sc/dWpaKgLqRVwU change 30px to the desired value.

Best Regards,
8Theme’s Team
#417408 Copied
FMiMBranding

Participant

October 6, 2024 at 21:04

Got it. And what about changing the colors and the size? Is it the regular code set?

#417461 Copied

Rose Tyler

Support staff

October 7, 2024 at 07:25

Hello, FMiMBranding,

Please read these articles- https://www.w3schools.com/css/css_colors.asp https://www.w3schools.com/css/css_font_size.asp https://www.w3schools.com/css/css_intro.asp

Best Regards,
8Theme’s Team

#417500 Copied
Tagged: adjust drop down menu size, change contact form color, improve woocommerce layout, woocommerce color schemes, woocommerce templates, wordpress contact form modification, wordpress product page customization
Viewing 4 results - 1 through 4 (of 4 total)