Page 1 of 1
How can I change the font/color of option in the Select drop down?
Posted: Sun Aug 18, 2024 7:16 pm
by ggrant3
OC v 3.0.3.9
I've added the "Select" options drop down menu to choose different option possibilities to a product, but in the drop down list I wanted to increase the font a little to make the available options a little more noticeable and possibly change the font color to the price increase for the options.
Would that be in the stylesheet? Or is that in a folder that controls the "Select" options feature somewhere else?
Re: How can I change the font/color of option in the Select drop down?
Posted: Sun Aug 18, 2024 8:16 pm
by by mona
Unless you have an extension you are quite limited to select dropdown styling.
For just the font size something like this should work, but it depends on if you have a theme / extensions.
or you can purchase an extension like this one for a more complete solution
https://www.opencart.com/index.php?rout ... n_id=37073
Re: How can I change the font/color of option in the Select drop down?
Posted: Mon Aug 19, 2024 6:51 am
by ggrant3
by mona wrote: ↑Sun Aug 18, 2024 8:16 pm
Unless you have an extension you are quite limited to select dropdown styling.
For just the font size something like this should work, but it depends on if you have a theme / extensions.
or you can purchase an extension like this one for a more complete solution
https://www.opencart.com/index.php?rout ... n_id=37073
Thank you
And that code would go into the stylesheet for my theme, right?
I am using a copy of the default theme, and only changed the colors in it, so technically it's custom, but definitely nothing crazy, just colors and very basic features, like transitioning when hovering over certain links.
I added that code to the "custom theme" and it's not working, I even tried a font-weight: bold; to see if it would work and it didn't. Unless it's suppose to go in a different file.
Re: How can I change the font/color of option in the Select drop down?
Posted: Mon Aug 19, 2024 10:59 pm
by by mona
Depending on what you mean by 'copy' in your stylesheet you should have a line that is something like this:
Code: Select all
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 12px;
}
that code add
Code: Select all
select.form-control {
font-size: 16px;
}
or anywhere you can use
Code: Select all
select.form-control {
font-size:22px!important;
}
or
Code: Select all
select {
font-size:22px!important;
}
Re: How can I change the font/color of option in the Select drop down?
Posted: Mon Aug 19, 2024 11:40 pm
by paulfeakins
ggrant3 wrote: ↑Sun Aug 18, 2024 7:16 pm
Would that be in the stylesheet?
Yep, but last time I checked you can't adjust the colour of individual dropdown items.