Reducir espacio entre botones en Plantilla Sinope  

Hola

En otro hilo de discusione comentabas qeu querías ver esto en horizontal, mejor sigue la discusión del hilo
https://www.webempresa.com/foro/37-Pack-Empresa-WordPress/153589-Widget-visualizar-en-horizontal-con-Plantilla-sinope.html

Saludos.

Es cierto lo que me comentas pero aparte de poner en horizontal necesito que los espacios que tiene la plantilla entre botones (en particular en la version movil) sea menor queda antiestequito ademas de que con tanto espacio aparece poco contenido de la web en la ventana del Movil y del PC, existe mucho espacio entre los elementos.

Saludos

Hola Domingo.

Añade lo siguiente a tu archivo de estilos CSS:

.layout-mode-responsive .gf-menu.l1 > li > .item {
    line-height: 1rem;
}

Puedes aumentarlo o disminuirlo, modificando el valor de line-height:

Un saludo

Hola, he utilizado el codigo que he puesto en el style.css con la cantidad de "0.01rem" y se ha reducido algo la estructura pero los espacios que te indico en las imagenes siguen siendo demasiado grandes.

Saludos

Hola Domingo.

haber, hoy me tienes un poco despistado entre una cosas y otra.

¿ No estábamos hablando de los espacios en el menú de la versión móvil ?
El código que te pase es para reducir el espacio entre las lineas del menú, no de los bloques que muestras.

De todas formas veo que ya lo modificaste 😉

Un saludo

Hola, retomo este hilo que trata de hacer la separacion entre algunos bloques de la plantilla sinope que tienen demasiada separación.

Si tienes alguna duda al respecto preguntame y te lo aclaro.

Saludos y gracias 😆

Hola

El espacio que te aparece por encima del slide es debido al breadcrumb, revsia en Apariencia > Widgets, en el override de inicio si tienes alguna posición de breadcrumb y eliminar lo que exista.

Otra opción es ocultarla por CSS para la página de inicio, esto con el siguiente código:

.home #rt-breadcrumbs{
	display:none;
}

Puedes agregar esto al final del archivo:
/wp-content/plugins/wpi-designer-button-shortcode/custom_script.css

Saludos

Hola, el apartado de breadcrumb esta resuelto, me puedes dar alguna indicacion para solucionar lo que te muestro en la imagen reducirespacios 2

Saludos

Hola

En este otro caso que comentas, el problema es otro, asi quites márgenes de tus contenedores seguiras viendo un espacio, esto es porque las imágenes son muy pequeñas y no ocupan todo el contenedor, usa imágenes más grandes para que ocupen todo el contenedor.

Saludos.

Perfecto ¿como puedo saber el tamaño correcto para cada bloque?

Saludos

Hola,

Prueba a añadir el sigiuente estilo CSS:

#rt-showcase .rt-block {
padding: 15px 0;
}

#rt-showcase .rt-block img {
margin-right: 0;
}

Con esto podrías añadir imágenes con un ancho de hasta 280px.