Buenos días,
estaba usando fuentes especiales para usarlas como iconos en mi aplicación web, el problema es que estos iconos quedan un poco más arriba y tengo que bajarlos un poco. (estoy intentando con margin-top: -50) pero no lo baja, ni un poco siquiera...
(https://i.ibb.co/jgbWL29/Captura.png)
Los estilos son:
.button_submit {
width: auto;
height: 35px;
padding: 0px 7px 4px 8px;
border-radius: 2.5px;
cursor: pointer;
}
HTML:
<button type="submit" name="submit_form_index" class="button_submit">
<span style="display: block; color: #fff; font-family: opensans; font-size: 14px; margin-top: 3px;">Acceder <span class="icon-chevron-right" style="margin-top: 50px;"></span></span>
</button>
Intenté poniendo "display:block" a el <span> que contiene el icono pero se me va para abajo el icono y queda el texto arriba en el boton.
Hola, prueba con
.icon-chevron-right{ position: relative; top: 3px; }
Intenta llevar tus estilos a una hoja de estilo o etiqueta style en ves de ponerlo dentro de la propiedad style del tag html.
Saludos.
Cita de: WHK en 16 Noviembre 2019, 18:48 PM
Hola, prueba con
.icon-chevron-right{ position: relative; top: 3px; }
Intenta llevar tus estilos a una hoja de estilo o etiqueta style en ves de ponerlo dentro de la propiedad style del tag html.
Saludos.
Gracias, ya me lo solucionaste!!!
Casi tiro las fuentes a el car*** xD gracias!