Modificar una cabecera de Elementor cuando bajamos el scroll de la web

WebProgramacion > Cursos > Curso de WordPress > Modificar una cabecera de Elementor cuando bajamos el scroll de la web
Autor: Dámaso Velázquez Álvarez

En el siguiente vídeotutorial os voy a enseñar cómo modificar la cabecera de nuestra web en WordPress cuando hacemos scroll.

El constructor visual utilizado es Elementor Pro.

Código mencionado en el vídeo

A continuación dejo el código que he mencionado en el vídeo para que podáis copiarlo.

selector.elementor-sticky--effects
{
   background-color: #fff !important;
   border-bottom-color: #7a7a7a !important;
   border-bottom-style: solid !important;
   border-bottom-width: 1px!important;
}

selector.elementor-sticky--effects a
{
    color: #333 !important;
}

selector
{
   transition: background-color 1s ease !important;
}

selector > .elementor-container
{
   transition: min-height 1s ease !important;
}

selector.elementor-sticky--effects .logotipo
{
    content: url("URL DEL LOGO");
    max-width: 75%;
    margin-top:5px;
    transition: background-color 1s ease !important;
}

Deja tu opinión

la política de privacidad que declaro haber leído.

(*) Campos necesarios. El correo electrónico no será público.