es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Incapacidad para insertar CSS en el formulario de Gravity.

28 Jul, 2023 Programación

Estoy tratando de aplicar CSS en los formularios de Gravity Forms, en realidad, quiero eliminar el margen adicional del formulario para que se vea mejor en la vista móvil.

.gform_wrapper {
    margin-left: -55px!important;
    margin-bottom: 50px;
}

Estoy tratando de eliminar el margen-left de -55 a 0 pero no tiene ningún efecto en los resultados finales. ¿Alguien me puede ayudar?

Enlace del sitio web: https://www.wegreen.ch/abonnemente/

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para eliminar el margen adicional de los formularios de Gravity Forms en la vista móvil en el enlace proporcionado del sitio web, puedes seguir estos pasos:

    1. Abre el archivo CSS de tu tema o crea uno nuevo.
    2. Agrega el siguiente código CSS:

    @media screen and (max-width: 767px) {
    .gform_wrapper {
    margin-left: 0!important;
    margin-bottom: 50px;
    }
    }

    1. Guarda el archivo CSS y actualiza la página para ver los cambios.

    Explicación:
    El código CSS apunta a pantallas con un ancho máximo de 767px, que se considera como la vista móvil. La propiedad margin-left se establece en 0 y se marca como !important para anular cualquier CSS existente. La propiedad margin-bottom se puede mantener como está.

    Nota: Asegúrate de borrar cualquier caché o usar el modo de navegación privada para asegurarte de que se cargue el nuevo CSS.

Comments are closed.