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

[bewstars]

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]

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]

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]

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]

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

 

[Kevin Ramos]

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.