• Resuelto julen9494

    (@julen9494)


    ¡Buenas tardes!

    Estoy consultando diversas páginas para poder cambiar el color de las tablas, pero como no consigo darle solución a ello, he pensado preguntar en este foro:

    En este link (https://www.pelotonfemenino.es/competiciones/) se puede apreciar una tabla, con 2 colores: uno marrón y el otro azul celeste. No obstante, mi intención es establecer los siguientes colores (los inserto en formato hexademical):

    – Azul celeste: #8ddbf1
    – Morado/rosa: #ff64ff

    ¿Cómo tendría que hacer cambiar ajustar esto?

    ¡Un saludo!

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

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • Moderador almendron

    (@almendron)

    ¿Sólo quieres cambiar esa tabla en concreto o quieres que los cambios afecten a todas?

    Iniciador del debate julen9494

    (@julen9494)

    ¡Buenas tardes!

    Ahora que lo dices, estaría mejor que lo insertara para todas ellas.

    ¿Tendría que cambiar el style.css?

    ¡Un saludo!

    Moderador almendron

    (@almendron)

    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 elemento» 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.

    Moderador almendron

    (@almendron)

    En este caso tienes:

    Con este cambias el color de fondo de toda la tabla:

    .wp-block-table .has-subtle-pale-blue-background-color {
    	background-color: #8ddbf1 !important;
    }

    Y con esta las filas alternas:

    .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    	background-color: #ff64ff !important;
    }

    Los puedes añadir en «Apariencia > Personalizar > CSS adicional» o en la hoja de estilos.

    Si vas a cambiar muchas cosas en el CSS, es casi mejor crear un archivo propio donde ir añadiendo todos los cambios.

    • Esta respuesta fue modificada hace 4 años, 3 meses por almendron.
    Iniciador del debate julen9494

    (@julen9494)

    ¡Muchas gracias, almendron!

    ¡Me ha servido para arreglar el problema!

    Querría hacerte una última pregunta al respecto: ¿sería posible quitarle el pequeño borde de color rosa que aparece en la tabla (pelotonfemenino.es/competiciones)?

    Por lo que he comprobado, el color del borde es la que está ajustado en el 2º bloque de código CSS que me has aportado, la de las filas alternas.

    ¡Un saludo!

    Moderador almendron

    (@almendron)

    Añade:

    
    table {
    	border: none !important;
    }
    Iniciador del debate julen9494

    (@julen9494)

    ¡Muchas gracias!

    Y aunque antes te haya dicho que era mi última petición, se me ha olvidado comentar una cosa:

    ¿Se puede agrandar la letra de la primera fila de cada tabla?

    ¡Un saludo!

    Moderador almendron

    (@almendron)

    Por CSS no se puede hacer directamente ya que la primera línea no tiene un identificador que la distinga de las demás filas.

    Tendrás que hacerlo manualmente.

    Iniciador del debate julen9494

    (@julen9494)

    ¿Manualmente? ¿WordPress da opción para ello?

    Para cambiar el color del texto sí que me deja, pero no lo del tamaño.

    Aun así, para cambiar el tamaño de la letra para toda la tabla cómo se harñia?

    ¡Un saludo!

    Moderador almendron

    (@almendron)

    En el bloque de tablas del editor hay una opción para poner una fila de cabecera. En esa fila el texto está en negrita.

    Iniciador del debate julen9494

    (@julen9494)

    ¿Podrías mandarme una captura? La verdad es que no veo esa opción, perdón.

    Una ultimísima pregunta: ¿cómo podría establecer el color blanco para el texto de todas las tablas (sólon de las tablas, no del texto que aparece fuera de ellas?

    ¡Un saludo!

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