Avisos
Vaciar todo

Poner imagen fondo y texto en etiquetas

4 Respuestas
3 Usuarios
0 Reactions
329 Visitas
Respuestas: 8
Active Member
Topic starter
 

Hola,

Soy nuevo en esto y me gustaría que me ayudaran. En la home de la web, quiero poner una imagen de fondo para poder poner sobre de ella, un título o slogan, que tendría que ir en h1 o h2, y no sé como hacerlo. Me gustaría no usar ningún plugin para que me lo haga. La imagen debe estar fija, y no verse en toda la página si se hace scroll. Es importante que tambien se vea bien en mobile.

Muchas gracias por su atención.

Saludos,

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 12/04/2018 10:55 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola lluís.

Prueba añadir lo siguiente a tu archivo de estilos style.css que encontraras dentro de la carpeta de tu plantilla.

.home {
   background-image: url("https://demos-wordpress.webempresa.com/pandora/wp-content/uploads/galeria1.jpg");
   background-color:#fff;
}

Tienes que cambiar la URL de la imagen por la URL de la imagen que quieres mostrar " url("https://demos-wordpress....... "

Un saludo


 
Respondido : 12/04/2018 11:54 am
Respuestas: 8
Active Member
Topic starter
 

Hola y gracias.

He hecho lo que me has indicado, pero no sale la imagen. Solo sale un momento cuando realizo algun cambio.

Con respeto a los textos en h1 o h2, como lo tengo que hacer?

Como tengo que configurar el theme hidrogen para hacer la home?

Gracias de nuevo


 
Respondido : 13/04/2018 12:03 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Lo mejor sería que entiendas primero qué posibilidades te ofrece el theme, por ejemplo lo de tener una imagen como fondo no será posible de maenra simple ya que el theme crea posiciones dinámicamente algunas de ellas tienen color y superponen el fondo, es por eso que por más que pongas imagen de fondo no la verás.

En resumen, si no estas familiarizado con Gantry 5 ( que es el framework que usa Hidrogen) revisa los tutoriales :
http://docs.gantry.org/gantry5/tutorials
https://www.webempresa.com/tutoriales-packs-webempresa-wordpress-con-framework-gantry.html (en este enlace revisa la sección de videos con Gantry 5)

Ten en cuenta que algunas cosas como lo que comentas de textos con h1 o h2 posiblemente requieran programación.

PD. Si lo ves complicado mejor evalúa un theme que se adapte mejor a tus necesidades y evitar hacer este tipo de camibios con Gantry 5

Saludos.


 
Respondido : 13/04/2018 5:45 pm