Estoy trabajando por unas horas ahora mismo en el CSS.Cambios en uno de los sitios web de mis clientes. Mi cliente desea que la imagen del encabezado (logotipo) aparezca en la parte superior de la pantalla sin un espacio entre la parte superior y el logotipo.
<header id="header">
<div class="avada-row" style="padding-top:30px;padding-bottom:0px; overflow:hidden;">
<div class="logo" data-margin-right="0px" data-margin-left="0px" data-margin-top="3px" data-margin-bottom="3px" style="margin-right:0px;margin-top:3px;margin-left:0px;margin-bottom:3px;">
<a href="#">
<img src="/images/http://placehold.it/1000x100" alt="Heider Matriken – Falk Fengler" class="normal_logo">
</a>
</div>
</div>
</header>No encuentro la configuración correcta de .css para resolver este problema y para mover la imagen del encabezado a la parte superior. Ya lo intente
margin-top: -30px;
... pero eso no está funcionando. Es un sitio de Wordpress, estoy usando Avada y lo único que necesito es la imagen del encabezado en la parte superior.
Sería genial si alguien me puede ayudar.
Respuestas
2 para la respuesta № 1El problema es que su código generado contiene padding-top:30px en:
<div class="avada-row" style="padding-top:30px;padding-bottom:0px; overflow:hidden;">
Entiendo que no puede cambiar esto, y un simple CSS no lo ayudará porque el estilo en línea es más importante.
Utilizar este truco para anular el estilo en línea usando un CSS externo:
.avada-row {
padding-top:0px !important;
}
0 para la respuesta № 2
o usa este HTML
<header id="header">
<div style="padding-bottom:0px; overflow:hidden;" class="avada-row">
<div style="margin-right:0px;margin-left:0px;margin-bottom:3px;" class="logo" data-margin-right="0px" data-margin-left="0px" data-margin-bottom="3px">
<a href="#">
<img src="/images/http://placehold.it/1000x100" alt="Heider Matriken – Falk Fengler" class="normal_logo">
</a>
</div>
</div>
</header>
o usa este css
.avada-row {
padding-top: 0px !important;
}
.avada-row .logo {
margin: 0px !important;
}
0 para la respuesta № 3
La clase ".avada-row" tiene un relleno superior, por lo que debe eliminar ese relleno:
.avada-row { padding-top: 0px !important; }