CODEWITHSUNDEEP
twitter-bootstrapvalidationbootstrap-4
user749798
user749798

Reputation: 5370

Bootstrap validation checkmark position

I'm trying to move the green validation checkmark further to the left (i.e., increase padding to the right), as it is very tight to the select icon. Is it possible to do that?

I tried the below:

.is-valid {
    padding-right:30px !important;
}

enter image description here

enter image description here

Upvotes: 1

Views: 837

Answers (1)

Ismail Farooq
Ismail Farooq

Reputation: 6827

Bootstrap uses background image property you just need to change its background-position

For Example

.form-control.is-valid, .was-validated .form-control:valid {
    background-position: center right calc(.375em + .4875rem); /* set position */
}

Upvotes: 2

Related Questions