Cambiar posicion de...
 
Avisos
Vaciar todo

Cambiar posicion de la posicion de un módulo

8 Respuestas
4 Usuarios
0 Reactions
3,883 Visitas
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Hola, Pues eso...

Estoy retocando una web con template camber, tengo puesto en la posicon maintop A, B, C... un icono en cada una de ellas. El problema es que la posicion maintop A queda descuadrada con el resto de posicones, os pongo una captura de como está.

y otra captura de como tendría que estar

URL http://www.cookiesycupcakesbycarmen.es/

Gracias y Saludos!


 
Respondido : 02/12/2011 10:10 am
David Noguera
Respuestas: 4433
Famed Member Moderator
 

Hola Juan,

prueba añadiendo este código:

.module-title .title {

text-align: center !important;
}

En el fichero

http://www.cookiesycupcakesbycarmen.es/templates/rt_camber_j15/css/template.css

Al final del todo..

Saludos


 
Respondido : 02/12/2011 10:36 am
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Hecho, pero solo ha centrado y no del todo el título. Dejo captura de lo que eh hecho.

saludos


 
Respondido : 02/12/2011 10:50 am
David Noguera
Respuestas: 4433
Famed Member Moderator
 

Prueba ahora añadiendo estos códigos:

.rt-container .rt-grid-3 {
margin-left: 20px !important;
margin-right: 47px !important;
width: 130px !important;
}

.rt-container .rt-grid-2 {
margin-right: 47px !important;
width: 130px !important;
}

Saludos


 
Respondido : 02/12/2011 11:25 am
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

He puesto el codigo y no cambia la posición

.rt-container .rt-grid-3 {
margin-left: 20px !important;
margin-right: 47px !important;
width: 130px !important;
}

Despues he quitado el anterior y he puesto el siguiente tampoco, he pegado los dos juntos y nada...

.rt-container .rt-grid-2 {
margin-right: 47px !important;
width: 130px !important;
}


 
Respondido : 03/12/2011 2:48 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Juan

Con los estilos que tienes actualmente , prueba sólo cambiar el estilo , esto abrirá un poco más la primera imagen y simulará un centrado para todas las imágenes

.rt-container .rt-grid-3{
margin-left : 70px !important;
margin-right :20px !important;
width: 120px;
}

Saludos.


 
Respondido : 03/12/2011 5:44 pm
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Ok, con ésto he conseguido que se encuadre mejor el icono de la izquierda, pero ahora se me ha descaudrado el de la derecha...

Estpy intentando hayar el código para cuadrarlo, pero... un poco de ayuda me vendrá genial.

Muchas gracias


 
Respondido : 03/12/2011 9:41 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Juan,

Conseguir un centrado equilibrado y absoluto es complicado tal como esta construida la vista. He probado a tocar algunos valores y lo que más se acercan a algo equilibrado son:

.rt-container .rt-grid-3 {
margin-left:50px !important;
margin-right:55px !important;
width:130px;
}

Saludos


 
Respondido : 03/12/2011 10:35 pm