Hola,
mi intención es la de utilizar en la plantilla Sinope una de las páginas, por ejemplo la de servicios para colocar unas fotografías, como si fuera un portafolio.
La idea es de poder dividir el espacio para dejar tres, o cuatro columnas totalmente simétricas; es decir, poner una foto al lado de la otra (tres fotos en una fila, tres en la fila siguiente y así sucesivamente, Ahora intento hacer esto, inserto foto las coloco a la izquierda, en el centro, etc. pero no me deja colocarlas bien ¿que tengo que hacer exactamente para poder hacerlo correctamente? gracias.
Un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
HOla
Si lo quieres hacer por código es un poco más de trabajo, sin embargo una vez que te famliarizas te parecerá práctico
Veo que tus fotos tienen un margen blanco como parte de la misma foto.
Para darle un estilo o diseño a tus fotos necesitas tener una clase CSS adicional, tal como te indique anteriormente y poner este código CSS, intenta hacer lo que te comenté , con esto debería centrarse
Si quieres poner 4 fotos en lugar de 3 tienes que variar todas las clases rt-grid-4 por rt-grid-3 , es decir son 12 columnas, si cada div esta con la clase rt-grid-4 tendrás tres columnas, sin embargo si cada div tiene rt-grid-3 tendrás 4 columnas.
Saludos.
Hola,
te he adjuntado una captura de pantalla ¿puedes ponerme el código donde tenga que ir? como te dije intento incluirlo en el texto pero no consigo el efecto deseado.
Un saludo.
HOla
No se adjuntó ninguna imagen intenta enviarla nuevamente.
Si te complicas con esto te sugiero mejor evaluar un plugin para que te muestre tus imágenes, evalua por ejemplo :
https://wordpress.org/plugins/tags/grid-gallery
Saludos.
Hola
si te fijas en la pestaña de servicios ahora ya he conseguido que las fotos salgan bien alineadas, te adjunto una captura del codigo, el problema ahora es cuando en el escritorio de wordpress cambio de texto a visual, me sitúo encima de una foto y le pongo un enlace me las vuelve a descuadrar. ¿hay otra forma de hacerlo? quizás añadiendo código en el texto? Por favor si es así dime donde y que debo poner, gracias.
un saludo.
Hola
Por que usas : rt-grid-6 ? , la estructura que has puesto no es correcta
Has puesto en una fila 4 contenedores con rt-grid-6 , lo cual hace un total de 24 columnas, tu theme no soporta 24 columnas, sólo soporta 12, por lo que tendrias que haber usado rt-grid-3 en caso quieras cuatro columnas por fila.
No veo que hayas puesto la clase contenedor-img como te indiqué, esto es para darle un estilo de centrado, margenes, etc.
Si quieres agregar enlaces podrías evaluar hacerlo por html igualmente envolviendo la imagen.
Saludos.
Hola
he puesto rt-grid-6 porque estoy valorando poner dos fotos por fila en lugar de 3 o 4.
Por favor si te fijas en la página "servicios" veras que ahora salen dos fotos por cada fila, me ha salido de casualidad claro, no porque tenga idea de hacerlo.
¿que nos falta ahora?
ahora necesito que cuando alguien pulse en una de las imágenes le lleve a una página web concreta y no a la url e la imagen. Imagina que quiero poner un enlace de la foto que lleve a webempresa ¿cómo debo hacerlo con html? te copio la linea para que por favor me incluyas en el sitio adecuado de la misma el código.
GRACIAS
Un saludo.
HOla
Ok, en tu código tendrías que envolver la imagen con una etiqueta hml : a
La sentencia target="_blank" es para que abra en una nueva ventana de navegador cuando se hace click, sin embargo podrías quitar esto
Saludos.
Hola
he copiado el código según me indicas, pero tengo dos problemas como ves en la captura de imagen que te adjunto.
1º No se muestra la foto en la página web.
2º Debe haber algo configurado en el wordpress que cuando ponemos el enlace en la foto no lleva a la página que le indicamos.
Un saludo.
Hola Jose.
1º No se muestra la foto
La la ruta donde esta la imagen no esta bien, modificarlo por lo siguiente:
2º Debe haber algo configurado en el wordpress que cuando ponemos el enlace en la foto no lleva a la página que le indicamos
El enlace apunta a:
href="www.webempresa.com/
Tienes que modificarlo para que apunte al articulo.
Un saludo
Gracias Pepe
en cualquier caso veo que el enlace me funciona si pongo antes de las www http:// de momento tema zanjado, seguimos avanzando.
Un saludo.