Soporte » Diseño – Temas y plantillas » cambiar de colores

  • Resuelto greenthings

    (@greenthings)


    Buenos días,

    Me gustaria cambiar los colores de algunos elementos en mi web, ya he cambiado los colores de las distintas categorías en las entradas, pero quiero cambiar a color verde los iconos de las redes sociales de la pag. principal y cuando entras en una de las entradas o recetas me gustaría cambiar el color del botón enviar en caja de comentarios.

    Nosé donde encontrar el código para poder cambiar los colores.

    Lo único que se es que el color rosa o rojo de los iconos es #F71c31 y el color verde que quiero poner es el #53ad35.

    Saludos,

    http://www.vegangreenthings.com

    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 almendron

    (@almendron)

    Te voy a explicar como encontrar la hoja de estilos y las propiedades que afectan a los distintos elementos.

    1) Clic con el botón derecho encima del elemento que quieres comprobar y clic en «Inspector» su usas Chrome (Inspeccionar elemento en Firefox). En este caso, los iconos de las redes sociales.

    2) Echa un vistazo a https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=es

    En el caso que nos ocupa, el estilo que nos ocupa es .social-networks li a. Aquí está definida la propiedad: background-color: #F71C31;

    Ahora nos vamos a Apariencia > Personalizar > CSS adicional y añadimos

    .social-networks li a {background-color: #53ad35 !important;}

    Lo de «!important» lo ponemos para que esta regla tenga prioridad sobre la original.

    Iniciador del debate greenthings

    (@greenthings)

    Gracias almendron,

    Me a gustado mucho el mini tutorial que me has ofrecido. He podido cambiar los colores de los iconos sociales pero ahora quiero cambiar el color de la cajetilla de Enviar en comentarios dentro de cualquier entrada y he seguido tus pasos. El código que he puesto ha sido el siguiente y no me funciona nose si voy bien encaminado…

    .element.style {background:#53ad35 !important;}

    Moderador almendron

    (@almendron)

    Eso no es una propiedad. Tienes que ir buscando el elemento que contiene el color actual (#F71C31) y entonces ver cuál es la propiedad que le afecta. Ten en cuenta que en muchas ocasiones no solo cambiarás ese elemento sino cualquier otro que tenga la misma propiedad.
    Y otra cosa: puedes cambiar «en vivo» los valores del inspector para ver como queda.

    Iniciador del debate greenthings

    (@greenthings)

    Hola!

    Conseguido! ostras pos mirado así parece hasta divertido el código CSS 😀

    Grácias por todo, por enseñarme a hacerlo.

    Moderador almendron

    (@almendron)

    De nada. Un saludo.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘cambiar de colores’ está cerrado a nuevas respuestas.