Color de fondo de página con Elementor

  • qalat

    (@qalat)


    hace 5 años, 1 mes

    Hola:
    Estoy creando una web con el tema Zerif Lite y Elementor Page Builder.
    Ahora, todas las páginas tienen el fondo de color blanco, y me gustaría poder cambiar en algunas su color de fondo, e incluso si fuera posible, poder insertar alguna imagen.
    El caso es que he leído varios artículos que he encontrado por internet y he instalado algunos plugin pero no consigo cambiar el color de fondo.
    Agradecería mucho cualquier ayuda, y si tuviera que ser con estilos CSS, por favor, acompañada el código exacto para insertar, que no estoy muy ducho en el tema.
    Gracias de antemano.
    Saludos.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador kallookoo

    (@kallookoo)

    hace 5 años, 1 mes

    Hola,

    Repasa la documentacion del elementor ya que cuando haces un template puedes modificar esa opcion, no te lo especifico mas al no usarlo pero he encontrado este link que te explica un poco el tema.

    Iniciador del debate qalat

    (@qalat)

    hace 5 años, 1 mes

    Gracias kallookoo por tu aporte, pero no es exactamente lo que busco.
    Lo que yo quiero hacer es cambiar todo el fondo blanco que ahora tengo, por otro color o imagen.

    Moderador kallookoo

    (@kallookoo)

    hace 5 años, 1 mes

    Hola,
    He instalado el theme y lo tienes un poco complicado y mas cuando quieras cambiarlo por imagen, color segun la pagina que visitas.

    Lamentablemente no podemos darte un css de copia y pega.
    Deberas investigar que id o class tiene la propiedad background o background-color y modificarlo manualmente ya que no esta definido globalmente.
    Yo crearia un child theme y dentro del style.css añadiria el codigo.
    Deberas usar el inspector del navegador como ayuda y guia y cuando veas que cambia como te gusta copias el css al style.css

    Iniciador del debate qalat

    (@qalat)

    hace 5 años, 1 mes

    Gracias kallookoo.
    Voy a ver si encuentro algún buen tutorial para hacer lo que comentas.
    Como ya comenté inicialmente, estoy un poco «pez» con esto de css, child theme y demás.
    Gracias.

    Moderador kallookoo

    (@kallookoo)

    hace 5 años, 1 mes

    Creo recordar que el propio theme tiene una seccion donde te explica como crear un child theme y tambien tienes info aqui
    – https://codex.wordpress.org/Child_Themes
    – https://developer.wordpress.org/themes/advanced-topics/child-themes/

    Sobre el CSS no es tan complicado como parece.
    Todo se radica en la definicion de un ID o Class dependiendo del caso y añadir propiedades, no entro en detalles ya que tu caso solo seria necesario averiguar que id o class es para cada seccion y añadir solamente:

    
id_or_class {
 backgrond-color: #000; /* #000 es el color negro que pongo de ejemplo. */
}

    o 

    
id_or_class_1,
id_or_class_2,
etc... {
 backgrond-color: #000; /* #000 es el color negro que pongo de ejemplo. */
}

    Cuando sea un id debes especificar asi #nombre_del_id y cuando sea una class asi .nombre_de_la_class vamos para los id usa # y para las clases .

    • Esta respuesta fue modificada hace 5 años, 1 mes por kallookoo.
    • Esta respuesta fue modificada hace 5 años, 1 mes por kallookoo.
    • Esta respuesta fue modificada hace 5 años, 1 mes por kallookoo.
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Color de fondo de página con Elementor’ está cerrado a nuevas respuestas.