Product Option Select Box Border Colour and Font Colour

Hi @kaireiou,

To style the select box border color you can use the property border-color. There is a How-To (Style) – Custom Select Box here:

https://www.w3schools.com/howto/howto_custom_select.asp

For the font styling you may want to check this:

https://www.w3schools.com/css/css_font.asp

We can only provide basic help for CSS on this forum. For advanced customizations, you could get in touch with your theme developers or use the services of our customizations experts – https://woocommerce.com/customizations/.

Best regards.

Hi there, I think that’s not what meant though. I just wanted all product options to look like the bottom two text field color, pink borders and brownish fonts to make all the products option the same color.

Hey @kaireiou,

border-color property is used to set the color of the borders (i.e. border-color: pink;)

https://www.w3schools.com/css/css_border_color.asp

For text color check out this:

https://www.w3schools.com/css/css_text.asp

If you’re interested in learning CSS we highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hope this helps.

Hi Sir, I couldn’t do this with the help given. Have seen the css, went through the entire list of CSS to find any border-colour, and also checked out all the links you have provided, but, I cant seem to find the answer to solve this issue to make all my option boxes the same color in product. Perhaps, u can let me know where on the PHP does this belong to? I do have this over here and also the other text field boxes also have that color layout. However, I can’t find it on my PTP files or so? Maybe u can guide me so that I can find those files, and it will be easy for me to just edit the codes a little.

https://wordpress-736649-2471918.cloudwaysapps.com/wp-content/uploads/2022/03/Screenshot-2022-03-02-at-8.17.13-AM.png

• This reply was modified 2 years, 9 months ago by kaireiou.