Avisos
Vaciar todo

dividir en bloques

20 Respuestas
3 Usuarios
0 Reactions
2,327 Visitas
Noe
 Noe
Respuestas: 160
Estimable Member
Topic starter
 

Buenos días necesito hacer algo como esto (adjunto foto)
tengo entendido que se divide en 12 partes
en este caso se ven 3 bloques de a 4 que serían los 12 espacios
pero no se como dividir esto en un articulo de wordpress en el editor html o instalando un plugin
o con algun código, no tengo mucho conocimiento acerca de estas divisiones
podrían decirme como hacerlo
quedo al pendiente, muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 02/03/2016 4:32 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS, este código te servirá para la estructura que has definido

.post-content .rt-container div.img,
.post-content .rt-container div.texto{
	text-align:center;
}

.post-content .rt-container div.texto strong{
	display:inline-block;
	margin-bottom:10px;
	margin-top:5px;
}

Puedes poner este código al final del archivo :
/wp-content/themes/titania_wp/css/titania_wp-custom.css

Saludos.


 
Respondido : 08/03/2016 6:09 pm
Noe
 Noe
Respuestas: 160
Estimable Member
Topic starter
 

Hola Jhon el código que me enviaste fue el correcto, te aviso que quedó perfecto, muchas gracias
copié el mismo código remplazando el texto e imágenes en otro artículo que estoy haciendo
y mira mi página quedó negra de fondo
te adjunto la imágen
de igual manera te adjunto el link de la página que estoy creando
http://erpcomercio.com/qlikview/
podrías decirme en que estoy fallando?
el orden de las imágenes me quedó bien pero el fondo quedo negro
estoy pendiente de cualquier respuesta
muchas gracias!


 
Respondido : 10/03/2016 9:36 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Lo que sucede es que tienes un error de sintaxis en la parte del código html de la imagen, específicamente en el atributo alt,

Lo que has puesto

alt="

Lo que deberías poner, en caso no quieras poner nada,

alt=""

Es decir falta cerrar la comilla doble, tenerlo como lo has puesto trae como consecuencia la mala interpretación del html que sigue y te genera errores inesperados como no definir contenedores correctamente y por lo que ves el fondo negro

Saludos


 
Respondido : 10/03/2016 9:55 pm
Noe
 Noe
Respuestas: 160
Estimable Member
Topic starter
 

Hola, he agregado las dos comillas pero se sigue viendo negra la pantalla
🙁 las imágenes si se ven bien sólo el fondo me queda así.


 
Respondido : 10/03/2016 11:30 pm
Noe
 Noe
Respuestas: 160
Estimable Member
Topic starter
 

ya se ha retirado el color negro, no se si porque limpie la cache o simplemente tenía que esperar un momento
muchas gracias por el consejo
aún no cerraré este tema porque seguramente me toparé con otro de este mismo tipo
pero si no es así
lo cerraré muchas gracias.


 
Respondido : 10/03/2016 11:55 pm
Página 2 / 2