Así lo tienes ahora: logo y a la derecha el título (Siete ciudades). Debajo «Libros con más de una vida».
Si, pero no está a la misma altura.
Quiero que aparezca como una línea horizontal.
Gracias.
Quiero que aparezca como una línea horizontal.
No acabo de entender lo que quieres hacer.
Para que tú mismo lo puedas hacer:
Usa el inspector para determinar la propiedad correspondiente y luego cambiarla en la hoja de estilos o en CSS adicional (Personalizar)
1) Clic con el botón derecho encima del elemento que quieres comprobar y clic en “Inspector” si usas Chrome («Inspeccionar» en Firefox).
2) Echa un vistazo a
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=es
https://developer.mozilla.org/es/docs/Tools/Page_Inspector
Se pueden cambiar los valores «en vivo» y ver su efecto en el momento.
Hola, otra vez. Lo que me gustaría es que apareciese de la siguiente manera:
LOGO – Título de la web
Descripción.
El Logo debería estar centrado entre las dos líneas (Título y Descripción).
Es decir, una alineación horizontal como si estuvieses leyendo un texto
(Este texto esta alineado horizontalmente)…
Y a la derecha (en la misma línea visual) quedarían los iconos de: mi lista de deseos, mi usario, carrito y menu.
No sé si con esto que te pongo, te lo aclaro.
Saludos y gracias por tomarte la molestia de contestar.
Aunque no entiendo muy bien lo que quieres hacer, creo que no se puede hacer con CSS.
Es un bloque donde se encuentra el logo por un lado y otro subloque con el título la descripción. habría que tocar el código de la plantilla.
Hola de nuevo.
No consigo lo que quiero hacer, de alineación horizontal. Para poner ejemplos de cómo sería os remito a las páginas principales de:
Marca
El País
Amazon
La cabecera sería algo similar.
Creo que debe ser una combinación de:
Display:Flex; vertical-align:middle. Algo así.
Saludos y gracias.
Pusiste:
LOGO – Título de la web
Descripción.
Esto no es poner los elementos de izquierda a derecha sino que la descripción quedaba en una segunda línea.
En dos de los ejemplos que has puesto, es una sola línea donde van, de izquierda a derecha, varios elementos.
Hola, @almendron:
Creo que no me había explicado del todo bien.
Lo que me gustaría es:
Logo – Título de la web (no hace falta la descripción)- lista de deseos, carrito y menu (más la izquierda).
El problema está en alinear horizontalmente a la misma altura el logo y el título, para que sea similar a los ejemplos que he puesto: Marca, El País, Amazon.
¿Sería con flex? No doy con la clave.
Gracias.
Ahora creo que lo he entendido. Lo miro y te digo algo.
Tal y como lo tienes ahora, aplica lo siguiente:
.site-branding-logo, .site-branding-text {
/* text-align: left; */
/* vertical-align: middle; */
float: left !important;
}
Las dos primeras están comentadas para que no se apliquen.
Funciona en la web, en el móvil no.
Creo que tendré que cambiar algo más.
Gracias, seguiré investigando.
