Avisos
Vaciar todo

Modificar colores del tema Wallstreet

10 Respuestas
3 Usuarios
0 Reactions
1,637 Visitas
Respuestas: 24
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

He instalado un blog de wordpress en mi prestashop y quiero darle la apariencia más o menos de mi prestashop.
He instalado el tema wallstreet y ando como loco para modificar los colores que vienen por defecto. En concreto no sé que archivos tengo que tocar.
Quiero modificar los colores de las imágenes que adjunto por #a1c840.
También el enlace que pone "Página de ejemplo" que fuese un enlace de vuelta a mi tienda prestashop (idoctor.es)

Pueden ayudarme? Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/06/2017 1:58 pm
Pepe
 Pepe
Respuestas: 42255
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola.

Para la barra superior añade lo siguiente:

.header-top-area, .sidebar-widget-tab > .active a, .pagetitle-separator-box {
    background: #a1c840 none repeat scroll 0 0;
}

Para los bloques centrales:

.service-area:hover {
    background: #a1c840  none repeat scroll 0 0;
}

Lo del enlace lo tienes que modificar accediendo Apariencia -> Menú y añades un Item de enlace personalizado.

Un saludo


 
Respondido : 20/06/2017 2:56 pm
Respuestas: 24
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

En que archivo?
Gracias!!


 
Respondido : 20/06/2017 3:58 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Podrías agregar este codigo al final del archivo style.css de tu theme, sin embargo si vas a seguir haciendo modificaciones CSS, mejor sería evaluar crear un child-theme

https://www.webempresa.com/blog/crear-temas-hijo-child-themes-en-wordpress.html
https://decodecms.com/crear-un-child-theme-en-wordpress-de-manera-correcta/

Saludos.


 
Respondido : 20/06/2017 6:08 pm
Respuestas: 24
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Acabo de realizar esos cambios en el Style.css y todo sigue igual.
¿No entiendo porque?

Gracias!!


 
Respondido : 20/06/2017 6:17 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Entiendo que quieres cambiar de color el theme completamente, en este caso elimina el código anterior, ubica este archivo:

/blog/wp-content/themes/wallstreet/css/default.css

En este archivo busca el código de color : #00c2a9 y cámbialo por el que deseas.

Saludos.


 
Respondido : 20/06/2017 7:19 pm
Respuestas: 24
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

He modificado en el archivo /blog/wp-content/themes/wallstreet-light/css todos los colores #00c2a9 por #a1c840 que es el que quiero.
Aún así no he conseguido nada...


 
Respondido : 21/06/2017 9:24 am
Pepe
 Pepe
Respuestas: 42255
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola rafael.

Estoy revisando la documentación de tu web y veo que tienes dos sitios donde puedes modificar los color:

1º_ En el administrador de wordpress selecciona EPS Settings
.- En la columna de la derecha bloque Settings -> Background tienes un botón para elejir el color.

2º_ Veo que toda la configuración de la plantilla se hace con el live Editor.
.- Accede apariencia -> temas y pulsa en el botón personalizar de tu plantilla
.- Selecciona colores y modifica el color de Color de fondo

Comprueba si con eso se soluciona.

Un saludo


 
Respondido : 21/06/2017 11:52 am
Respuestas: 24
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Lo he solucionado modificando el archivo light.css que se encuentra en /blog/wp-content/themes/bluestreet/css/light.css y he cambiando el color.


 
Respondido : 21/06/2017 12:10 pm
Pepe
 Pepe
Respuestas: 42255
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Rafael.

Genial !!!! me alegra que lo encontraras y pudieras solucionarlo :cheer:
Gracias por informarnos y aportar la solución.

Cerramos el tema.

Un saludo


 
Respondido : 21/06/2017 12:21 pm