- This topic has 2 replies, 2 voices, and was last updated 11 years, 8 months ago by
.
-
Posts
-
Hola,
Tenemos unas dudas respecto a estilos css y también sobre la calidad de las miniaturas.
– Estamos construyendo esta web: http://blog.pandagorri.com/creaciones/ Querríamos poner el hover y el desactivado de cada botón del color que tiene justo debajo. Por más vueltas que le doy al código no consigo hacerlo. Cada botón tiene una Clase CSS diferente, pero en ellas no consigo cambiarlo tampoco. ¿Cómo podría poner el color independiente para cada color?
– El logotipo en realidad es un tercer botón con una clase diferente, por lo que cuando hago la pantalla pequeña como para dispositivos móviles me salen los botones en vertical con el logo en medio (lógico al ser el tercer botón, claro, jejeje). ¿Se puede hacer de alguna manera que cuando la pantalla es pequeña coja un segundo menú personalizado que no incluya el botón del logotipo?
– Esto ya es una cuestión técnica. Si te fijas en la página que he enlazado, las miniaturas de lightbox se ven con poco contraste y colores apagados, en contraste a cuando las haces a tamaño grande que se ven con el color original. Esa desaturaación ocurre tanto con las miniaturas del shortcode lightbox como con el shortcode Image. Sin embargo si pongo una imagen redimensionada directamente con las opciones de wordpress se ve bien. ¿Tiene solución? Si puedes echarle un vistazo a eso para la próxima revisión del tema estaríamos super agradecidos.
Saludos!
Si la web carga lento no os preocupéis, es culpa de 1&1. Queremos cambiar de hosting porque a las tardes-noches es lentísimo…
Hola, Dani.
1)Para personalizar los menús tal como estás haciendo necesitas dar un estilo propio a cada botón. Si ves el código fuente (por ejemplo con firebug o la consola de Chrome) puedes identificar los “id” y dar el estilo que queiras. Por ejemplo el botón “Creaciones” tiene el siguiente identificador de cada: menu-item-154
Para estilo a este botón por ejemplo sería:
li#menu-item-154 a{}
li#menu-item-154 a:hover{}
Y dentro las propiedades de cada uno. Esto tendrías que repetirlo para cada botón.
2) Para que no se muestre el logo podrías hacer lo siguiente. En las media queries que hay al final del fichero style.css tienes una seccíon que empieza con esta línea (aprox. en la 1537):
/* <1024 */
@media screen and (max-width:1023px){
Todo lo que hay entre esos corchetes se aplica a resoluciones menores a 1024 px. Lo que tienes que hacer es añadir eso dentro de esa sección:
#menu-item-151{display: none;}
3) Esto me temo que no tiene solución. El redimensionamiento se hace con una función de WordPress que imagino que mete un poco de perdida, que muy posiblemente no se pierde si haces un redimensionado con una herramienta estilo Photoshop.
Saludos.
- You must be logged in to reply to this topic.