Select Dropdown color/two weird arrows

Topic: Select Dropdown color/two weird arrows

support7 pro asked 8 years ago

Hi, I'm having issues with the dropdown. First, why is it darker color than the other labels above? Second, there are 2 weird arrows showing up. https://www.screencast.com/t/UzS4pRqKTUZ How do I resolve this?

Add comment

Marta Szymanska staff pro premium answered 8 years ago

0 0 Best answer

Hello, Placeholder color is brighter than color of Material Select, because it suggest that someone have to fill in this field. If you want to change color of placeholder you can change this in this way:

.form-control {
            color: #fff;
            @include placeholder {
                color: #424242;
            }
        }

And about this two arrows I need to see your code to solve this problem, so please paste here this code or send me file on m.szymanska@mdbootstrap.com Best, Marta

Add comment

support7 pro answered 8 years ago

0 0 Best answer

Thank you, Marta, You can see the form field here: https://velocitylending.com/apply2/

Add comment

support7 pro answered 8 years ago

0 0 Best answer

Another thing I have noticed is compared to the MDB examples, there's left padding on the input fields, which I've had to fix. There's only 2 CSS files I've been working with, 1 is the Bootstrap CSS and the other is the MDB CSS file. Is the MDB bootstrap modified in some way? I was using the CDN Bootstrap.

Add comment

Marta Szymanska staff pro premium answered 8 years ago

0 0 Best answer

Hello, You have this CSS problems, because you use MDB 4.2.0 and Bootstrap 3.3.7. You can't use two differente versions of MDB and Bootstrap. I reccomend you to use Bootstrap Alfa 4, because Beta 4 probably will be ready soon. If you don't want to Bootstrap 4 but 3, you also need use MDB 3. Best, Marta

Add comment

support7 pro answered 8 years ago

0 0 Best answer

How do I get the MDB 3 then? I paid for MDB 4. However, I did switch to bootstrap 4, the 2nd arrow goes away, however, now the select doesn't even work. Also the arrow is a little off. I was going to have it where it was supposed to be and move the tooltip over once it's in the right spot. https://velocitylending.com/purchase2

Add comment

Marta Szymanska staff pro premium answered 8 years ago

0 0 Best answer

Hello, I'd like to help you and it will be easier if you could send me some files with your code, because now I see on your page how it looks like but it's hard to fix the code in console. Please, send me files on my mail: m.szymanska@mdbootstrap.com . Best, Marta

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

support7

Pro User

10Support score
2Questions 3Answers

0Snippets likes 0Snippets