Alinear bloques o módulos y crear barra de separación  

 
Ginés
 Ginés
Reputable Member

Queria plantear 2 cuestiones para ver si con la posible respuesta mañana al levantarme me pongo a trabajar y los soluciono.

1 Cuestion - Alinear los 4 bloques que pongo en captura de pantalla, se que són independientes, el de CNMV es un VTEM que recomendó gnumax y el largo lo define el numero de noticias, tiene 1 noticia definida, no puedo meterle menos, ni más porque ya se desmadra, he probado a tocarle el .css de su propio modulo pero no llega a ajustarse, el de Dividendos tiene que quedar así de estrecho porque sino los logos los deforma, ese se podria ajustar pero no conviene, los otros 2 , de los laterales són los que más interesa ajustar o alinear, en fin que queden lo mas vistosos posibles.

2 Cuestión es insertar una barra donde señalo, se ve en negra, pero la idea es colocar una marrón acorde a la web, para separar algo esos bloques del resto de la web, como en la plantilla Financial Business que tengo instalada, ver aquí;

http://www.inveuro.es

la captura de pantalla se ve arriba la que muestro, me gustaria incrustar los iconos sociales, pero tampoco són tan importantes, es más cuestión estética esos iconos, lo que si me gustaria es si se puede meter el cajón de buscar y quitarlo de arriba, porque necesito hueco para un banner publicictario, siin ese banner la web no puedo abrirse, necesito un banner de publi que sea visible y veremos a ver donde lo encajamos proque esta plantilla no tiene ell sitio tan buena como la anterior pero es mucho mas elegante y limpia, es la que voy a lanzar finalmente, pero tendré que buscar hueco para ese banner.

En fin, cuestiones y cositas que salen.

Citar
Respondido : 01/12/2011 12:09 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ginés,

En http://www.inveuro.es/ no visualizó lo que adjuntas en la captura de pantalla.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 01/12/2011 9:55 am

Cursos Gratuitos WordPress

Ginés
 Ginés
Reputable Member

Perdón Jordi, buenos dias lo primero, es en :

http://www.inveuro.es/empresa

Esta será la plantilla definitiva, aunque este bajo esa sub-dirección.

Quisiera alienar todos los bloques señalados y sobre todo el de (PARA CONTACTAR) que está justo debajo a la derecha, encima de los últimos 4 bloques del pie de pagina, donde vienen los datos de cotacto con el email, que sale en marrón oscuro (dark)

Gracias,

ResponderCitar
Respondido : 01/12/2011 10:08 am
David Noguera
 David Noguera
Miembro Admin

Hola Ginés,

para alinear las cajas de arriba tienes que aplicar este código:

#gkWrap2 .box, #gkWrap2 .box_menu, #gkWrap2 .box_text{
height: 220px !important;
}

div#gkbottombottom1 div.box demo{
width:300px !important;
margin-bottom:15px !important;
}

Añade estos códigos al final del fichero

http://www.inveuro.es/empresa/templates/gk_corporate2/css/template.css

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 01/12/2011 10:42 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ginés
 Ginés
Reputable Member

Buenos dias david.

Genial !!! Ha funcionado a la perfección, es perfecto !!!

Gracias David, por cierto seria posible alinear el cajón donde aparece Para Contactar:?

Esta abajo a la derecha, sale en marrón oscurito.

ResponderCitar
Respondido : 01/12/2011 10:51 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ginés,

http://www.inveuro.es/empresa/templates/gk_corporate2/css/template.css

#gkWrap3 .box, #gkWrap3 .box_menu, #gkWrap3 .box_text {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #C8C3BE;
    border-left: medium none !important;
    border-right: 1px solid #C8C3BE;
    border-top: medium none !important;
    margin-top: 10px;
    overflow: hidden;
    padding: 24px;
}

puedes probar aumentando los pixeles del margin-top

Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 01/12/2011 2:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ginés
 Ginés
Reputable Member

Gracias Jordi, solucionado, cuadrado y perfecto !!!

Se puede cerrar el post con satisfación 😉

ResponderCitar
Respondido : 01/12/2011 4:00 pm

Por favor Iniciar Sesión o Registro