Soporte » Diseño – Temas y plantillas » Cambiar fondo de una página

  • Resuelto eaide2

    (@eaide2)


    Buenas, estoy hacinedo unas pruebas en un sitio de wordpress, intentando aprender cómo funciona.
    uso el tema byblos (https://es.wordpress.org/themes/byblos/)
    quiero cambiar, en la página de «contacto» el fondo, ahora es blanco.
    primero he creado el tema hijo y ahí en el css he puesto
    body.page-id-12 {
    background-color: #000 !important;
    }
    pero no me funciona (he puesto id-12 porque la página es la nº12 lo hemirado con el inspector de elementos)
    quizá no sea el tema más apropiado, pero es bastante parecido a lo que quiero.
    alguna idea??

    gracias

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • Hola,

    Más que de WordPress, es una duda de CSS.

    El problema es que este template tiene varias capas por encima de la norma CSS que has puesto que tienen el fondo blanco. Por ejemplo, algo muy básico para poner el fondo en rojo sería:
    body.page-id-12 #content {
    background-color: red;
    }

    Iniciador del debate eaide2

    (@eaide2)

    Muchas gracias OsKar142, quizá no haya cogido el tema más fácil para empezar, por lo que veo..
    Con el código que me has indicado se me cambia el reborde (y/o fondo) de la página pero no donde escribo, quiero decir,
    he creado una página con texto
    el color que se cambia es del reborde, pero no el de dentro de la página
    mi idea era poner de fondo una foto y escribir encima,
    quizá ésto no sea posible..
    gracias

    El problema que tienes es de conocimientos en CSS, no de WordPress.

    Si quieres poner una imagen de fondo sobre la página en cuestión, lo puedes hacer así:
    .page-id-12 article.item-page {
    background-image: url(https://www.anipedia.net/imagenes/foca-polar.jpg);
    }

    Moderador LGrusin

    (@lgrusin)

    Si lo haces desde el Personalizador en la parte de Estilos CSS adicionales ves los cambios que haces sobre la marcha.

    Algo así debería funcionar:

    .page-id-12 .page-content .col-md-9 {
    background: #ff0000;
    }

    por supuesto elige el color que quieras en background.

    Un saludo

    Iniciador del debate eaide2

    (@eaide2)

    Muchas gracias!!!!
    voy a ver unos manuales de css a ver si voy cogiendo soltura.
    gracias!

    Iniciador del debate eaide2

    (@eaide2)

    Buenos días,
    Jugando con la plantilla magazine-lite me surge la misma duda.
    He estado mirando varios manuales de CSS después de hacer la pregunta anterior, y es un “mundo”. Me pierdo bastante, aunque no llego mucho tiempo intentando aprender.
    En esta plantilla, ¿cómo cambio el fondo del artículo? (no del general, que este sí sé cambiar, tanto el completo

    body.page-id-10 {
    background-color: #000 !important;
    }

    Como el del menú
    .mh-main-nav-wrap { background: #bf1616; }

    el de todos los articulos

    .mh-wrapper{ background: #bf1616; }

    Pero el de un artículo o página en concreto no hay forma.

    En la parte del articulo del inspector tengo esto:

    <article id="page-10" class="post-10 page type-page status-publish hentry">

    Gracias!!!

    • Esta respuesta fue modificada hace 4 años, 4 meses por eaide2.
    • Esta respuesta fue modificada hace 4 años, 4 meses por eaide2.
    • Esta respuesta fue modificada hace 4 años, 4 meses por eaide2.

    El del menú es tal cuál lo has puesto.

    El del artículo, el código que has puesto sólo afecta a las páginas cuyo ID sera 10. Para hacerlo general, sería así:

    body.single-post .mh-wrapper {
    background-image: url(https://www.anipedia.net/imagenes/foca-polar.jpg);
    }

    Con .single-post utilizas como selector todas las entradas de tu web (no las páginas, sólo las entradas.

    Iniciador del debate eaide2

    (@eaide2)

    Perdón Oskar142, justo estaba editando el post cuando has contestado,
    decía que lo que quería era lo mismo del primer post, dar un fondo al artículo de una página, pero he probado como me dijiste cambiadno las condiciones (solo modificar el del articulo 10) y no cambia.

    Pero con lo que me has comentado, ya he conseguido, sería así:

    body.page-id-10 .mh-wrapper
    {background: #ff0000;}

    El CSS es muy complicado! jejej
    Muchas gracias!!

    Iniciador del debate eaide2

    (@eaide2)

    no hacer caso a este mensaje

    • Esta respuesta fue modificada hace 4 años, 4 meses por eaide2.

    Pues depende de muchas cosas, según el proyecto. Si se trata de un proyecto en el que no se toca el template, sólo se añaden las modificaciones en el personalizador CSS y ya está. Si tienes que tocar mucho CSS, me parece una locura hacerlo desde un personalizador porque es más complejo y porque si se borra algo, tienes que recuperar la base de datos para recuperar lo borrado en el mejor de los casos. Nosotros en la empresa procuramos no hacer nada en el personalizador, pero es cuestión de costumbres casi.

    Moderador LGrusin

    (@lgrusin)

    @eaide2 crea otro debate, la consulta es diferente a la inicial.

    Un saludo

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • El debate ‘Cambiar fondo de una página’ está cerrado a nuevas respuestas.