Poner una segunda y tercera linea de Widgets en la Home  

 
Julio Jaime
 Julio Jaime
Estimable Member

Buenas tardes, me gustaría poder poner dos lineas más de Widgets en la home, como el que tengo "Utility" con las 4 fotos pequeñas y que muestro en la captura adjunta.
Como tengo que hacerlo?
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/05/2018 8:13 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Entiendo que lo que se muestra en utility son widgets que has ido agregando con separadores desde Apariencia > Widgets , lo que podrías evaluar es copiar todo ese código HTML que se genera en el front-end y agregarlo en un solo widget de texto o html y luego agregar otro widget (sin separador) y copiar y modificar el código

En conclusión tendrías que hacerlo con código HTML usando los widgets de texto.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/05/2018 8:53 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

He realizado lo indicado colocando solo dos Wigest en "Utility" con toda la información en cada uno y ha roto la linea de 4 horizontales y ha puesto la información en vertical. Adjunto captura.
Gracias

ResponderCitar
Respondido : 31/05/2018 11:08 am
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Debes usar el código HTML generado en el front-end del sitio que ya tiene las columnas definidas, puedes usar el inspector de código de tu navegador para ubicar el código html

Prueba usar el siguiente ´codigo CSS, como verás hay un contenedor rt-container y cada apartado esta dentro de un rt-grid-3

Toda la libreria

Aquí textos, bandas sonoras y derechos de representación.

Bandas sonoras

Aquí las bandas sonorras de algunos espectáculos musicales o teatrales.

Derechos de representación

Para realizar mas funciones adquiera los derechos pertinentes.

Solo textos musicales

En esta pagina encontrará solos textos que son obras de teatro musical.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 31/05/2018 6:20 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Estimado Jhon podrías darme una pista más o camino a seguir porque estoy algo perdido y no he logrado hacerlo. que no he logrado hacerlo. También he leído que en lugar de hacerlo con los Widgets tambien podría modificar la plantilla para incluir esas tres lineas de cuatro fotos cada una.
Muchas gracias.

ResponderCitar
Respondido : 01/06/2018 2:24 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Primero deja la posición transition sin ningún widget, luego crea un widget de texto o html ( en modo codigo) agrega todo el código HTML que te envié anteriormente.

Es decir estas maquetando las columnas directamente con el HTML y no usando divisores
Luego para probar puedes agregar otro widget de texto y poner el mismo código, debería aparecer debajo nuevamente 3 columnas.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 01/06/2018 7:32 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Buenas tardes Jhon todo a funcionado bien, he colocado dos lineas de fotos y he cambiado los enlaces al texto en lugar de a las fotos.
Pero las fotografias están pegadas una a lado de las otras, es posible realizar una pequeña separación entre ellas?
Adjunto imagen.
Gracias por tu ayuda.

ResponderCitar
Respondido : 04/06/2018 9:56 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Podrías añadir código CSS, sin embargo para que este código no entre en conflicto con otras partes de tu sitio, al contenedor principal añade alguna clase, es decir ahora tienes

class="rt-container"

Dejalo por ejemplo con

class="rt-container linea"

Luego podemos usar linea como clase para codificar CSS

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/06/2018 11:23 pm

Cursos Gratuitos WordPress

Julio Jaime
 Julio Jaime
Estimable Member

Perdón mi torpeza creo este archivo class="rt-container linea" en la carpeta CSS?
Me puedes aclarar la ruta
Gracias

ResponderCitar
Respondido : 05/06/2018 8:10 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

No se trata de crear archivos, simplemente cambia el código, en el inicio del código tienes

La idea es dejarlo con una clase adicional para identificarlo únicamente y poder hacer cambios

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/06/2018 8:33 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Ya he realizado la modificación, pero no veo ningún cambio.

ResponderCitar
Respondido : 05/06/2018 9:08 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Cierto, aún no se ve ningún cambio porque "linea" no tiene ningún código CSS, ahora agrega lo siguiente al final de tu archivo CSS:

@media (min-width:768px){
  .rt-container.linea .rt-grid-3{
    width:24%;
    margin-right:1%;
  }  
}

Puedes colocar este código al final de este archivo:
/wordpress/wp-content/themes/helena_wp/style.css

PD: Refresca tu navegador para ver los cambios

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/06/2018 10:21 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Gracias Jhon todo solucionado, funciona perfectamente.
Un saludo

ResponderCitar
Respondido : 06/06/2018 10:01 am

Por favor Iniciar Sesión o Registro