Cómo reducir el alto de un botón en CSS

bewstars · 18 Jul 2021

como puedo arreglar el alto de un boton en css?, dejo el css y screen de como se ve. Los botones son los celeste que se ven atras que son super altos gordos.

.cta-menu a {
padding: 5px !important;
border-radius: 5px;
background: #0c7593;
color: #fff !important;
}

.cta-menu a:hover {
background: #33c5e5;
color: #000 !important;
opacity: 1 !important;
}

Kevin Ramos · 18 Jul 2021

En el padding, colocale dos opciones por ejemplo padding: 2px 5px; la primera opción es el alto y la segunda en ancho de padding. Puedes ir jugando con los valores hasta tener el resultado deseado.

bewstars · 18 Jul 2021

Kevin Ramos dijo:
En el padding, colocale dos opciones por ejemplo padding: 2px 5px; la primera opción es el alto y la segunda en ancho de padding. Puedes ir jugando con los valores hasta tener el resultado deseado.

Chekeo y te digo =) muchas gracias.

.cta-menu a {
padding: 2px 5px;
border-radius: 5px;
background: #33c5e5;
color: #fff !important;
}

.cta-menu a:hover {
background: #0c7593;
color: #000 !important;
opacity: 1 !important;
}

De esa forma pero con los valores del padding que yo quiera asignarle?

Kevin Ramos · 18 Jul 2021

bewstars dijo:
Chekeo y te digo =) muchas gracias.

.cta-menu a {
padding: 2px 5px;
border-radius: 5px;
background: #33c5e5;
color: #fff !important;
}

.cta-menu a:hover {
background: #0c7593;
color: #000 !important;
opacity: 1 !important;
}

De esa forma pero con los valores del padding que yo quiera asignarle?

Sí, eso es correcto.

bewstars · 18 Jul 2021

Creo que no funciona, le cambie los colores y si los cambia pero no me cambia el alto..

Kevin Ramos · 9 Sep 2021

bewstars dijo:
Creo que no funciona, le cambie los colores y si los cambia pero no me cambia el alto..

Vale, si no te cambia el alto es porque tienes que agregar un display: block; o display: inline-block; eso va a variar de lo que necesites hacer con el boton. El pading de forma vertical funciona solo con elementos bloques.

PDT: Disculpa por responder tarde.

Cómo reducir el alto de un botón en CSS

bewstars

Adjuntos

Kevin Ramos

bewstars

Kevin Ramos

bewstars

Kevin Ramos

Temas similares