- This topic has 6 replies, 2 voices, and was last updated 12 years, 4 months ago by
.
-
Posts
-
Un par de cositas más en otro hilo.
Marcos, ¿cómo puedo mover el texto del logo un poco más hacia la derecha, tal como lo tienes tú? Digamos unos 40 píxeles.
También me gustaría poder cambiar el tamaño y fuente de los títulos de las Páginas, así como el título del llamado a la acción de la Página Principal. ¿Cómo hacerlo? No estoy seguro si hay alguna opción para esto último o hay que ir al css.
Gracias y buen fin de semana,
Guillem
Hola.
Tendrías que modificar la hoja de estilo style.css siguiendo los mismos pasos que te comentaba en el otro post. Si lo prefieres puedes modificar el style.css a través de FTP o cPanel. Eso sí, tal como te indicaba en el otro hilo. MUY importante: borrar caché e historial del navegador para ver los cambios.
Esto es lo que tienes que modificar:
1) LOGO: aprox. en la línea 197 del fichero style.css tienes esto:
#logo h1{float:left; margin:6px 10px 5px 10px}
El último valor 10px es el que hace referencia a la distancia del lado izquierdo. Tienes que cambiarlo por el valor deseado, por ejemplo 40px.
#logo h1{float:left; margin:6px 10px 5px 40px}
2) El call to action: línea 150:
h2.impact-header{ font: normal 1.375em “Oswald”;}
La letra está definida como “Oswald”, cambiala por la deseada.
En cuanto a los título lo siento mucho pero requiere muchos cambios en el fichero styl.css
3) Encabezados de página (línea 131):
h1.portfolio-title{ font: normal 0.875em Oswald; color:#333; text-transform: uppercase; white-space: nowrap;}
Lo mismo que antes, está como Oswald y puedas cambiala por la fuente que quieras.
Saludos.
1) Logo: ok, perfecto. Sólo que el logo queda en una posición ligeramente diferente en la página de inicio que en el resto de páginas.
Comparar por ejemplo: http://saltoderealidad.com y http://saltoderealidad.com/prueba-pagina-1/
No sé si esto es normal y/o se puede arreglar. Aunque no es algo de vital importancia.
2) Título del llamado a la acción de la Página Principal: perfect, se puede cambiar bien el tamaño modificando “1.375em” en —> h2.impact-header{ font: normal 1.375em “Oswald”;}
3) Título (o encabezado, tú lo llamas) de la Páginas. No puedo cambiar ni fuente ni tamaño modificando “0.875em” y “Oswald” en –>
h1.portfolio-title{ font: normal 0.875em Oswald; color:#333; text-transform: uppercase; white-space: nowrap;}
Este último punto sí que me interesaría. La fuente Oswald me está bien, pero el tamaño del título de las Páginas es demasiado pequeño. En mi caso estoy construyendo un site basado en páginas, no en blog, de momento, y poder modificar el tamaño de los títulos de página me sería fundamental.
Gracias de nuevo!
Hola,
Logo) Ok. Si se aplica dos veces y por eso en unas se ve diferente. Tienes que hacer lo siguiente:
En la línea 196 y 197 tienes esto:
#logo,
#logo h1{float:left; margin:6px 10px 5px 10px}En lugar de hacer el cambio como antes, modificando el 10px por 40px añade una nueva línea a continuación definiendo el margen izquierdo:
#logo{margin-left:40px}
El resultado sería el siguiente:
#logo,
#logo h1{float:left; margin:6px 10px 5px 10px}
#logo{margin-left:40px}Títulos) Lo he probado nuevamente y es posible cambiarlo tal como te he dicho. Por favor asegúrate de hacer los siguiente:
1) Mira que esté la coma (,) después de h1.header-title,
h1.header-title,
h1.portfolio-title{ font: normal 1.875em “Lobster Two”; color:#333; text-transform: uppercase; white-space: nowrap;}2) He utilizado el código de arriba, modificando la tipografía a “Losbter Two” y el tamaño a 1.875. Te adjunto una imagen para que veas el cambio.
Muy importante: Por favor, asegúraste de guardar los cambios en style.css y después borrar la caché e historial de tu navegador para que se cambie el nuevo fichero y puedas ver los cambios.
Saludos.
El tema del logo RESUELTO. Gracias.
Sin embargo, no me cambia el tamaño ni la fuente del título de la página. Hice todo lo que dices. De hecho, he copiado y pegado el código que me envías. También lo he comparado con el style.css original, para comprobar que los cambios eran correctos… No sé, si quieres te creo un usuario y lo miras.
Hola, Guiller.
No te preocupes, no es necesario. Utilizando la consola de Chrome he hecho alguna prueba en tu Web y es posible que algún plugins utilice el mismo nombre de clase lo cual genera conflicto. Para solucionarlo tienes que hacer lo siguiente (añadir !important):
h1.header-title,
h1.portfolio-title{ font: normal 1.875em “Lobster Two” !important; color:#333; text-transform: uppercase; white-space: nowrap;}Saludos.
Ahora sí, socio.
Puedo cambiar tamaño, normal, bold, etc. pero, ¡cuidado!, la fuente sin comillas. Si no, no cambía, al menos a mí.
Incluso he quitado
transform: uppercase;
para que me mantenga las mayusculas/minúsculas que yo elija en el título.
Si quiero todo mayúsculas, añado
transform: uppercase;
Si quiero todo minúsculas, cambio a
transform: lowercase;
No, si al final voy a aprender css y todo! Un día de estos me lío con un curso… jaja 😉
Thank you for the support!
Ahora te iba a preguntar para mover el título un poco a la derecha, pero he añadido
margin-left:20px
como en el logo y funciona.
Saludos!
- You must be logged in to reply to this topic.