[SOLUCIONADO] Porque cuando creo dos columnas mediante los ShorCode del tema no quedan centradas

[alexander_sp]

Hola a todos!

Tengo una pag en la que todo el contenido lo he centrado mediante el editor visual, pero cuando introduzco, 2 columas mediante los SHORTCODE del tema,
estos me crean 2 columnas, pero no centradas respecto al resto del contenido de la pagina. Como puedo hacer que queden centradas como el resto del contenido?¿

Lo podéis ver aquí (en la mitad de la pagina):
http://eschoolapio.org/

Thanks!!!
Alejandro

[yonox]

Pues todo esta bies, solo falta centrar el texto dentro de las columnas...
(ejemplo:

[one_half]<p style="text-align:center;">COLUMNA1</p>[/one_half]

[one_half_last]<p style="text-align:center;">COLUMNA2</p>[/one_half_last]

")

[zanguanga]

Con un poco de CSS. Te sugiero investigar un poco en librosweb.es, vas a necesitar unos conocimientos mínimos de CSS y HTML para personalizar tus plantillas.

También podrías instalar Firebug en tu navegador para que te sea más sencillo identificar las clases y estilos de cada objeto. Es muy útil para esto.

¿Nos pasas un enlace al tema original que estás usando?

[alexander_sp]

Gracias yonox;

pero si lo que pretendo es meter un div en cada columna, como los puedo centrar ?¿

Gracias, zanguanga; pero esto del HTML y CSS me viene algo grande, el tema se llama BUZO, pero ya no se encuentra en ningun sitio.

[yonox]

En lugar del "<p style="text-align:center;"></p>" reemplaza por <div style="text-align:center;"></div>"

[alexander_sp]

Hola no soy capaz a que me quede bien;

he puesto los ShortCode para crear dos columnas:
[col_1_2 last="no"]Insert Text, Image or other Shortcode here[/col_1_2]
[col_1_2 last="yes"]Insert Text, Image or other Shortcode here[/col_1_2]

Y en medio he puesto el div centrado con el contenido, pero sale el contenido en vertical en vez de en horizontal, incluso el texto de debajo ya no sale centrado.

El codigo es este:

[col_1_2 last="no"]<div style="text-align:center;"><link href="styles/ihover.css" rel="stylesheet" />
<div class="row"><div class="col-sm-6"><!-- normal --><div class="ih-item square effect7"><a href="http://eschoolapio.org/registro-cerrado/"><div class="img"><img src="http://eschoolapio.org/wp-content/uploads/2014/04/icono-CURSOS-ihover1.jpg" alt="img"></div><div class="info"><h3>Inscribete</h3><p>Solo tienes que rellenar el formulario</p></div></a></div><!-- end normal --></div>[/col_1_2]

[col_1_2 last="yes"]<div style="text-align:center;"><link href="styles/ihover.css" rel="stylesheet" />
<div class="row"><div class="col-sm-6"><!-- normal --><div class="ih-item square effect7"><a href="http://eschoolapio.org/registro-cerrado/"><div class="img"><img src="http://eschoolapio.org/wp-content/uploads/2014/04/icono-CURSOS-ihover1.jpg" alt="img"></div><div class="info"><h3>Inscribete</h3><p>Solo tienes que rellenar el formulario</p></div></a></div><!-- end normal --></div>[/col_1_2]

y el resultado es este:
http://eschoolapio.org/

Alguien sabe como conseguir que el contenido de los hover "PROXIMOS CURSOS"
salga uno al lado del otro, en horizontal y centrado respecto al resto de contenido ?¿

[alexander_sp]

SOLUCIONADO faltaba cerrar 2 </div></div>

lo correcto es así !!!!!

[col_1_2 last="no"]<div style="text-align:center;"><link href="styles/ihover.css" rel="stylesheet" />
<div class="row"><div class="col-sm-6"><!-- normal --><div class="ih-item square effect7"><a href="http://eschoolapio.org/registro-cerrado/"><div class="img"><img src="http://eschoolapio.org/wp-content/uploads/2014/04/icono-CURSOS-ihover1.jpg" alt="img"></div><div class="info"><h3>Inscribete</h3><p>Solo tienes que rellenar el formulario</p></div></a></div><!-- end normal --></div></div></div>[/col_1_2]

[col_1_2 last="yes"]<div style="text-align:center;"><link href="styles/ihover.css" rel="stylesheet" />
<div class="row"><div class="col-sm-6"><!-- normal --><div class="ih-item square effect7"><a href="http://eschoolapio.org/registro-cerrado/"><div class="img"><img src="http://eschoolapio.org/wp-content/uploads/2014/04/icono-CURSOS-ihover1.jpg" alt="img"></div><div class="info"><h3>Inscribete</h3><p>Solo tienes que rellenar el formulario</p></div></a></div><!-- end normal --></div></div></div>[/col_1_2]

Graciassss !!!