cambiar el color del front/end  

 
Jesus
 Jesus
Honorable Member

Os adjunto la captura de la pantalla que tengo, quiero cambiar el color blanco del front end por otro color .Es el pack tienda boutique instalado .Al ver la captura de pantalla todo lo blanco que podeis ver es lo lo que quiero cambiar, es el color blanco.No se si será el mismo que gk_boutique - Predeterminado que viene en plantillas en virtuemart.¿como lo modifico para ponerlo de otro color gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/06/2014 4:42 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jesus,

Revisa estos hilos donde hemos hablado de como gestionar el fondo del Pack Tienda Boutique:

- https://www.webempresa.com/foro/16-Pack-Tienda-Joomla/45010-Cambiar-colores-de-fondos-y-letras-en-pack-tienda-boutique.html

- https://www.webempresa.com/foro/16-Pack-Tienda-Joomla/52777-Cambio-de-Fondo.html

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/06/2014 5:57 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Jesus
 Jesus
Honorable Member

Lo estoy intentando cambiar según el link primero este:
- www.webempresa.com/foro/16-Pack-Tienda-Joomla/45010-Cambiar-colores-de-fondos-y-letras-en-pack-tienda-boutique.html
llego hasta aqui sin problema adjunto captura de pantalla la primera
El problema es en el segundo adjunta captura de pantalla que le tengo que poner los valores de la primera pero por mas cosas que borro y vuelvo a poner el fondo de pantalla blanco no se cambia
imagino que le tengo que poner color css
como el color que quiero es purple #800080 o sea purpura imagino solo tengo que cambiar el numero este y poner en lugar del otro pero no encuentro el lugar en css donde cambiarlo me podeís seguir diciendo donde cambio exactamente o por donde sigo buscando

ResponderCitar
Respondido : 15/06/2014 6:30 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jesus,

Para cambios en archivos .css es mejor que utilices tu cPanel, Administrador de Archivos, Editor de Código, de esta forma, además de ver números de líneas y otros detalles importantes, respetarás la codificación y tendrás una visión más global y jerarquizada del archivos .css que estés editando y podrás indicarnos en que línea has realizado el cambio y que cambio concreto para poder indicarte.

Además, cuando realices cambios CSS es MUY IMPORTANTE que antes hagas una copia de seguridad, no serás ni el primero ni el último que no realiza copia de seguridad, luego realiza modificaciones de forma incorrecta y deja el sitio descuadrado o sin acceso.

Al realizar un cambio de estilos en un archivo CSS debes indicarnos en que archivo has realizado los cambios para poder orientarte y no trabajar a ciegas.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/06/2014 6:39 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jesus
 Jesus
Honorable Member

Voy al administrador de archivos antes he hecho como me indicas un backup que es lo mismo que copia de seguridad creo
Alli abro con documento root para:
Alli abro la carpeta amarilla a la izquierda public_html
Luego abro www.nicotinaliquidaparavapear.com es otra carpeta amarilla
Le doy a la carpeta amarilla admisnistrador y sale la carpeta gk_boutique
Abro esa carpeta y sale css luego abro menu css en la derecha y sale el archivo que te (adjunto como captura de pantalla) al abrir el archivo sale esto
La linea que va en azul en la captura de pantalla el numero ultimo donde pone backgroump es el que tengo que cambiar¿ verdad?
css que yo quiera ese color.
Si lo cambio y es ese¿ como lo guardo luego?
Creo que te he hecho un gran lio con esta explicación si es así dimelo y haber como te lo puedo explicar., para que me puedas ayudar

ResponderCitar
Respondido : 15/06/2014 10:12 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jesús,

Veo que llegas hasta /css pero no queda claro que archivo .css es el que editas, tampoco lo dices.

Además observo que lo abres con un editor de texto de Notepad (tu PC) ¿lo estás descargando a tu PC el archivo para editarlo?.

Revisa esta captura donde te marco que a través del Administrador de Archivos, llegas a la carpeta /css y localizas el archivo correspondiente, por ejemplo, layout.css y lo marcas (1 clic) y arribe, en el icono "Editor de Código" haces clic y te abre una ventana emergente que te permite editar dicho archivo respetando la codificación.

Contenido solo visible a usuarios registrados

Para hacer esto no hace falta descargar el archivo a tu PC.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/06/2014 3:21 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jesus
 Jesus
Honorable Member

Te adunto captura de pantalla para que me digas si estoy en lo correcto es un sitio muy delicado para tocar sin saber.
Segun la captura de pantalla ultima me envias es igual a la que yo te envio.
ahora dime que es lo que tengo que modificar hay para cambiar el color blanco del front/end en la plantilla

ResponderCitar
Respondido : 16/06/2014 5:54 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jesus,

Con Firebug indica el archivo y la linea donde realizar el cambio ( /templates/gk_boutique/css/template.css linea 49 ):

#gkPage {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 6px #C1C1C1;
}

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 16/06/2014 11:07 am

Cursos Gratuitos WordPress

Jesus
 Jesus
Honorable Member

he cambiado #FFFFFF por #FF1493 ¿ con eso es suficiente? gracias es que tarda mi pagina unas horas en realizar los cambios, si es si con un si es suficiente gracias

ResponderCitar
Respondido : 16/06/2014 11:58 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Si el color blanco que quieres cambiar es el de la parte central que contienen los contenidos de la web (artículos, productos de la tienda, etc.) no veo que se haya aplicado ningún cambio.

En todo caso este cambio no es algo que te recomendaría hacer porque puede que no quede demasiado bien, y más con el color que quieres poner.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/06/2014 2:59 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jesus
 Jesus
Honorable Member

he cambiado a otro color ya que me dijiste que el otro no qudaria demasiado bien, si este no queda bien lo dejare como estaba, adjunto captura de pantalla para que me digais si los cambios estan bien hechos es en el nº 48 los cambios realizados

ResponderCitar
Respondido : 16/06/2014 6:10 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

La mejor forma de ver si los cambios se han aplicado bien o no es revisando la web para ver si los cambios se muestran, lo que no parece tu caso.

En la captura de pantalla que envías entiendo que la modificación la has aplicado en la línea 48. Haciendo esto solo se aplica sobre ciertos elementos (en este caso etiquetas span, dentro de una serie de divs).

Tendrías que confirmarnos qué fondo en concreto quieres cambiar. Si nos envías una captura de pantalla donde se vea mejor.

Si lo que quieres cambiar es el blanco de la zona central (lo dicho, no lo recomiendo) tendrías qu editar el archivo templates/gk_boutique/css/reset/meyer.css y localizar el siguiente código (está casi al principio):

html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 }

Aquí cambia el valor de background: transparent; por el color que quieras poner de fondo. Haz una copia de seguridad el archivo css antes de aplicar los cambios para poder volver atrás en caso necesario.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/06/2014 7:06 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jesus
 Jesus
Honorable Member

He decidido hacer caso a tu recomendacion y no voy a cambiar el color blanco de fondo ya cuando pasen unos meses y tenga más conocimientos me lo pensaré pero si va a quedar mal pues lo dejaremos así gracias por tu respuesta.( y recomendación)

ResponderCitar
Respondido : 16/06/2014 8:04 pm

Por favor Iniciar Sesión o Registro