Avisos
Vaciar todo

Fotos de articulos en columnas responsive

21 Respuestas
5 Usuarios
0 Reactions
212 Visitas
Respuestas: 149
Estimable Member
Topic starter
 

Hola
Estuve colocando las fotos en tablas pero no se ven bien en el celular y la tableta, por ejemplo este link:

Contenido solo visible a usuarios registrados


 
Respondido : 03/05/2019 2:40 pm
Respuestas: 149
Estimable Member
Topic starter
 

Hola Pepe:

Funciono bien solo queria hacerte 2 consultas:

1. Como puedo centrar las fotos? (adjunto)
2. Puedo utilizar este formato para textos o tablas internas? como esta:
Contenido solo visible a usuarios registrados

Saludos, AL


 
Respondido : 11/05/2019 9:32 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Ausberto,

Reviso la rejilla de imágenes y la veo "centrada".

Si te refieres a otra galería de imágenes en otra de tus subpáginas, indícala por favor para poder revisarlo.

Nota: Las tablas también pueden centrarse de forma global en una página mediante HTML o CSS.

Saludos


 
Respondido : 11/05/2019 11:52 pm
Respuestas: 149
Estimable Member
Topic starter
 

Hola Luis:

Con la 1ra pregunta (como centrar este grupo de fotos) me refiero al cambio reciente que acabo de hacer segun la foto adjunta y con el siguiente HTML:

Contenido solo visible a usuarios registrados

La segunda pregunta lo hago con otro comunicado.

Saludos,


 
Respondido : 12/05/2019 1:15 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Ausberto,

Has probado a añadir el siguiente estilo al primer div que pintas en tu consulta?

style="text-align:center;

Para que quede así

Saludos


 
Respondido : 12/05/2019 1:20 am
Respuestas: 149
Estimable Member
Topic starter
 

Hola Luis:

Probe el estilo segun tus indicaciones:

La pagina quedo igual:
Contenido solo visible a usuarios registrados

Saludos,


 
Respondido : 12/05/2019 6:22 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No veo que hayas usado la clase rt-container, agrega la clase al contenedor, también puedes agregar un id, por ejemplo llamado mis-categorias

Luego que tengas eso si que se podría manipular mejor, por ejemplo si quieres un padding, etc.

Te sugiero eliminar este código, ya que es muy genérico:

body [class*="rt-grid-3"] {
    padding:5px;
}

Sería más específico:

#mis-categorias  [class*="rt-grid-3"] {
    padding:5px;
}

Hacerlo muy genérico te tocará otras partes del diseño de tu sitio que no quieres padding.

Luego que tengas esto corregido podemos seguir trabajand oen base a mis-categorías para centrarlo, etc.
Realiza estos cambios primero.

Saludos.


 
Respondido : 12/05/2019 3:49 pm
Página 2 / 2