Mudar cores de tema web branco e azul para verde

Xerez CD · 18/02/2021

Buenas,
estoy regalando una pequeña web a una asociacion y me gusta mucho el theme que tiene pero los colores son blanco y azules y la organización es de color verde.

SOMOS – Asociación para la Inclusión Social

asociacionsomos.org

Querría cambiar de azul a verde lo siguiente:
- Nombre/Logo que sale con la primera S en azul (ponerla verde)
- Menú
- Swipe up

He estado mirando en personalizar pero no me sale nada para cambiar los colores... alguien podría ayudarme por favor?

Muchas gracias!!

Sr.RodStark · 18/02/2021

.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,.sidebar .widget input[type="submit"]:hover,.navbar-brand::first-letter{background-color:#000!important;border-color:#000!important;color:#000!important}

Cambia #000 por lo que quieras, ponlo en personalizar -> CSS Adicional

Xerez CD · 18/02/2021

Sr.RodStark disse:
.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,.sidebar .widget input[type="submit"]:hover,.navbar-brand::first-letter{background-color:#000!important;border-color:#000!important;color:#000!important}

Cambia #000 por lo que quieras, ponlo en personalizar -> CSS Adicional

Muchas gracias, y eso cambiaría el color de todo lo azul por verde?

Y cómo sé qué codigo tengo que cambiar por el #000?

El color es el de la S de este logo: https://somos.carrd.co/assets/images/image04.png?v5d198b8cc

Mil gracias, de verdad!

Sr.RodStark · 18/02/2021

XerezDFC disse:
Muchas gracias, y eso cambiaría el color de todo lo azul por verde?

Y cómo sé qué codigo tengo que cambiar por el #000?

El color es el de la S de este logo: https://somos.carrd.co/assets/images/image04.png?v5d198b8cc

Mil gracias, de verdad!

El color ese es #01b581, con el inspector de elementos de chrome lo puedes saber. También puedes buscar en google generador color hexadecimal y ahí te dará el hexadecimal. Por supuesto, también con cualquier editor de imagen como photoshop, adobe xd, etc...

Xerez CD · 18/02/2021

Sr.RodStark disse:
El color ese es #01b581, con el inspector de elementos de chrome lo puedes saber. También puedes buscar en google generador color hexadecimal y ahí te dará el hexadecimal. Por supuesto, también con cualquier editor de imagen como photoshop, adobe xd, etc...

Gracias, he puesto ésto en lo de CCS adicional en Personalizar:

.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,.sidebar .widget input[type="submit"]:hover,.navbar-brand::first-letter{background-color:#01b581!important;border-color:#01b581!important;color:#01b581!important}

Pero se ve mal, la S del título y las letras del menú no se ven

Sr.RodStark · 18/02/2021

.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,.sidebar .widget input[type="submit"]:hover{background-color:#000!important;border-color:#000}

.navbar-brand::first-letter{color:#000!important}

Ponlo así y recuerda darle a ctrl+f5 cuando estes viendo la web para vaciar el caché del navegador, por si no ves los cambios.

Xerez CD · 18/02/2021

Sr.RodStark disse:
.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,.sidebar .widget input[type="submit"]:hover{background-color:#000!important;border-color:#000}

.navbar-brand::first-letter{color:#000!important}

Ponlo así y recuerda darle a ctrl+f5 cuando estes viendo la web para vaciar el caché del navegador, por si no ves los cambios.

Ahora se ve perfecto, pero el swipe up y el título de la página/entrada siguen en azul.
eso no se puede?

De verdad, mil gracias!!

Sr.RodStark · 18/02/2021

XerezDFC disse:
Ahora se ve perfecto, pero el swipe up y el título de la página/entrada siguen en azul.
eso no se puede?

De verdad, mil gracias!!

Es que no sé que es un swipe up, la verdad. 🤣

Sr.RodStark · 18/02/2021

Ya vi a lo que te refieres:

.top-scroll{color:#000!important;border-color:#000!important;}

Xerez CD · 18/02/2021

Sr.RodStark disse:
Ya vi a lo que te refieres:

.top-scroll{color:#000!important;border-color:#000!important;}

Un auténtico crack, de verdad, muchísimas gracias! 🙏💕

Mudar cores de tema web branco e azul para verde

Xerez CD

SOMOS – Asociación para la Inclusión Social

Sr.RodStark

Xerez CD

Sr.RodStark

Xerez CD

Sr.RodStark

Xerez CD

Sr.RodStark

Sr.RodStark

Xerez CD

Tópicos similares