Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Poner imagen fondo y texto en etiquetas  

 
Lluís
 Lluís
Usuario activo

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

Citar
Respondido : 12/04/2018 11:55 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 12/04/2018 12:54 pm

Lluís
 Lluís
Usuario activo

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

ResponderCitar
Respondido : 13/04/2018 1:03 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 13/04/2018 6:45 pm

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