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?
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
For just the font size something like this should work, but it depends on if you have a theme / extensions.
Code: Select all
select {
font-size: 16px;
}https://www.opencart.com/index.php?rout ... n_id=37073
DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Thank youby mona wrote: ↑Sun Aug 18, 2024 8:16 pmUnless 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 solutionCode: Select all
select { font-size: 16px; }
https://www.opencart.com/index.php?rout ... n_id=37073
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.
Depending on what you mean by 'copy' in your stylesheet you should have a line that is something like this:
after that code add
or anywhere you can use
or
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;
}Code: Select all
select.form-control {
font-size: 16px;
}Code: Select all
select.form-control {
font-size:22px!important;
}Code: Select all
select {
font-size:22px!important;
}DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Yep, but last time I checked you can't adjust the colour of individual dropdown items.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Who is online
Users browsing this forum: No registered users and 20 guests
