Avisos
Vaciar todo

Reducir espacio entre botones en Plantilla Sinope  

 
Domingo
 Domingo
Estimable Member

Hola, en la plantilla Sinope necesito reducir el espacio que existe entre los botones, en las imagenes adjunto lo detallo.

saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/03/2017 4:28 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 07/03/2017 8:18 pm

Cursos Gratuitos WordPress

Domingo
 Domingo
Estimable Member

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

ResponderCitar
Respondido : 08/03/2017 9:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 08/03/2017 12:05 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Domingo
 Domingo
Estimable Member

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

ResponderCitar
Respondido : 08/03/2017 1:08 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 08/03/2017 1:28 pm

Domingo
 Domingo
Estimable Member

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 😆

ResponderCitar
Respondido : 08/03/2017 2:15 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 08/03/2017 6:00 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Domingo
 Domingo
Estimable Member

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

Saludos

ResponderCitar
Respondido : 08/03/2017 6:48 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 08/03/2017 8:35 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Domingo
 Domingo
Estimable Member

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

Saludos

ResponderCitar
Respondido : 10/03/2017 10:39 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 10/03/2017 1:45 pm

Cursos Gratuitos WordPress