• Resolved fredyvillena

    (@fredyvillena)


    Estimados, necesito reducir el espacio entre cada caja en el menú principal, reducir la sangría hasta que estén prácticamente juntos, solo levemente separados.
    El tema que tengo instalado es Divi.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hola, @fredyvillena espero estes bien hoy

    Solo debes de agregar el siguiente código CSS desde el personalizador de plantilla

    #top-menu li{
         padding-right:none;
    }

    Espero funcione 😉

    No olvides marcar el tema como resuelto.

    Thread Starter fredyvillena

    (@fredyvillena)

    Hola Andrés, gracias por tu respuesta, pegue el código al final en Personalización CSS adicional, publique y las cajas de texto siguen separadas, te adjunto el css que tengo aplicado en mi menú. (El mismo código tengo aplicado para todas las cajas de menú que tengo en mi web)

    /*menus*/
    .cta-inicio a {
    border: 1px solid #091363;
    padding: 10px !important;
    margin-right:0,2px;
    margin-left:0,2px;
    border-radius: 1px;
    background: #091363;
    color: #fff !important;
    }

    .cta-inicio a:hover {
    border: 1px solid #ffcd02;
    background: #091363;
    color: #000 !important;
    opacity: 1 !important;
    }

    Moderator bcworkz

    (@bcworkz)

    Try this variant of Andres’ code (added to bottom of Additional CSS):

    #top-menu li {
         padding-right: 0;
    }

    If that doesn’t work, try this:

    #top-menu li {
         padding-right: 0 !important;
    }

    We must avoid the use of !important if possible, but sometimes it’s all that works.

    Thread Starter fredyvillena

    (@fredyvillena)

    Gracias bcworkz (@bcworkz)
    Finalmente funciono con la segunda opcion

    #top-menu li {
         padding-right: 0 !important;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.