Avisos
Vaciar todo

Separación módulos  

Página 1 / 3
 
FRANCISCO
 FRANCISCO
Reputable Member

He puesto un modulo contenbox al inicio de mi web y tengo los siguientes problemas:
1 no se como separar las imagenes dentro del contenbox
2 no se como hacer mas espacio entre este módulo y el siguiente
3 no se como hacerlo responsive, en el móvil no se ajusta
4 en el resto de páginas no se como ajustarlo, puesto que en ellas si que utilizo columna izquierda y queda desajustado

adjunto imagenes

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/03/2017 8:43 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para aumentar la separación de las imágenes puedes aplicar un margen a las misma por medio de estilos CSS.

Por ejemplo, para la imagen:

oferta del dia servicio a barcelona

si le quieres dejar un margen de 10 píxeles por la derecha y 20 píxeles por abajo, tendrías que dejarlo así:

oferta del dia servicio a barcelona

Puedes ver más sobre esto en el siguiente enlace.

Respecto al ajuste en móviles, tendrías que establecer un tamaño máximo para las imágenes, aplicando un estilo como el siguiente:

max-width:100%; height: auto;

Sobre un ajuste para las páginas interiorres, tendrías que meter cada caja en un div, en lugar de usar el float:left. Algo como lo siguiente:

Caja 1
Caja 2
Caja 3
Caja 4

Es posible que esto funcione.

ResponderCitar
Respondido : 10/03/2017 11:37 am

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

FRANCISCO
 FRANCISCO
Reputable Member

Buenos días,
No he visto ningun enlace.
Estos códigos no se si se deben poner en el código fuente.
Respecto a lo de las cajas no se como hacerlo,

Podeis ayudarme?

ResponderCitar
Respondido : 11/03/2017 7:36 am
FRANCISCO
 FRANCISCO
Reputable Member

Buenos días,
No he visto ningun enlace.
Estos códigos no se si se deben poner en el código fuente.
Respecto a lo de las cajas no se como hacerlo,

Podeis ayudarme?

ResponderCitar
Respondido : 11/03/2017 12:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Vamos a solucionar primero lo de las imágenes, luego veremos los bloques.

.- Edita el bloque donde tienes añadido el código de las imágenes.

Un ejemplo de lo que tienes ahora en uno de los bloques:

oferta del dia servicio a barcelona

Lo que hay que hacer es añadirle un margen con lo que el código quedaría como este:

oferta del dia servicio a barcelona

Si te das cuenta la que hicimos fue añadir un estilo con un margen a tu primer código añadiendo ' style="float: left; margin:0 10px 20px 0; '

Este código que añadimos lo que hace es que se muestre la segunda imagen a la derecha y que se aplique un margen entre una imagen y otra.

Para que esas imágenes se ajusten a los dispositivos puedes añadir lo siguiente a tu hoja de estilos css

a img {
    max-width: 100%;
    height: auto;
}

Una vez realizado esto, adjúntame una captura con los bloques internos que quieres modificar y que es lo que necesitas realizar para ver como podemos solucionarlo

Un saludo

ResponderCitar
Respondido : 11/03/2017 12:47 pm
FRANCISCO
 FRANCISCO
Reputable Member

Buenos días,
My hoja de estilos css es un archivo (customuser?)

ResponderCitar
Respondido : 12/03/2017 7:42 am

Cursos Gratuitos WordPress

FRANCISCO
 FRANCISCO
Reputable Member

Buenos días,
Al final solo he dejado dos imágenes y así queda todo bien. Mi problema solo es:

1. Como ajustar su tamaño y como para responsive
2. Como se puede ver este módulo contenbox bien en las páginas interiores (está descuadrado)

ResponderCitar
Respondido : 12/03/2017 9:42 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Como ajustar su tamaño y como para responsive
.- edita el archivo customuser y añade lo siguiente:

@media only screen and (max-width: 480px) {
a img {
    max-width: 100%;
    height: auto;
}
}

Como se puede ver este módulo contenbox

.- añade lo siguiente al mismo archivo:

a img {
    max-width: 400px;
    height: auto;
}

Un saludo

ResponderCitar
Respondido : 12/03/2017 11:46 am

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

FRANCISCO
 FRANCISCO
Reputable Member

Gracias Pepe,
Ahora se ve bien en todas las páginas interiores, pero en la página de inicio se ven las imagenes pequeñas, hay alguna forma para que se vea bien en todos los sitios?
El tipo de letra que tenia era UBUNTU y no se porque me lo ha cambiado ha SANS SERIF,
como lo vuelvo a cambiar?

ResponderCitar
Respondido : 13/03/2017 6:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Prueba añadir lo siguiente a tu archivo customuser:

#index a img {
    max-width: 100%;
    height: auto;
}

Un saludo

ResponderCitar
Respondido : 13/03/2017 10:03 am

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

FRANCISCO
 FRANCISCO
Reputable Member

Muchisimas gracias,
funciona perfectamente, de lo del tipo de letra que puedo hacer, era ubuntu y se ha cambiado solo a serif

ResponderCitar
Respondido : 13/03/2017 10:08 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola de nuevo Francisco,

Prueba añadir lo siguiente, como siempre customuser 😉

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
font-family: ubuntu !important;
}

Un saludo

ResponderCitar
Respondido : 13/03/2017 10:32 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

FRANCISCO
 FRANCISCO
Reputable Member

hola,
he añadido el codigo pero nada.
Puede ser que tenga mal magic cache?

ResponderCitar
Respondido : 13/03/2017 1:04 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Acabo de revisarlo y se que la carga bien:

Accede otra vez a tu web y la recargas pulsando la tecla ( F5 ), esto cargara de nuevo toda la cache de la web.

Un saludo

ResponderCitar
Respondido : 13/03/2017 1:32 pm

Cursos Gratuitos WordPress

FRANCISCO
 FRANCISCO
Reputable Member

Buenos días,
En un principio parecía que solo era problema en chrome, pero en firefox tambien se cambia, y no me habia fijado pero los iconos están todos desaparecidos.
El tipo de letra, que debería ser "ubuntu" sigue saliendo mal (aun recargando la página con f5)

ResponderCitar
Respondido : 15/03/2017 7:52 am
Página 1 / 3