Cambiar imagen de fondo plantilla carné  

 
Alexandra
 Alexandra
Noble Member

Hola buenos días,

Queremos personalizar el fondo gris por otro. Es posible cambiarlo? así como modificar el texto del modulo
adjunto captura de pantalla donde señalo los cambios a realizar.

Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/05/2015 3:44 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Alexandra!

Lo primero comentarte que realices una consulta por hilo, de esta forma ayudaremos a encontrar a otros usuarios las soluciones a los problemas que nos presentas.

Para cambiar el fondo gris que nos indicas, veo que está configurado con la siguiente imagen:

bg-top-footer.png ( /themes/Carme/img/bg-top-footer.png )

Tendrás que acceder via cPanel > Bloque Archivos > Administrador de archivos, ir a la ruta /themes/Carme/css/ > editar el archivo global.css (botón derecho Code Edit).

Encuentra la siguiente línea: (8210)

.seccion_html {
    margin-bottom: 10px;
    background-image: url('../img/bg-top-footer.png');
    border-bottom: 1px solid #F3F3F3;

Borra el código y coloca el siguiente:

.seccion_html {
    margin-bottom: 10px;
    background: #000000;
    border-bottom: 1px solid #F3F3F3;

Con la propiedad background, añadiremos el color que se desea. En tu caso tendrás que encontrar el color y escribirlo en forma de código.

Para ello, revisa:
http://www.w3schools.com/tags/ref_colorpicker.asp

No te olvides de guardar los cambios.

En relación a tu otra consulta, es mejor que abras un nuevo hilo por lo que te comentamos al principio. Estaremos encantado de ayudarte.

Saludos

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

ResponderCitar
Respondido : 04/05/2015 4:36 pm

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

Alexandra
 Alexandra
Noble Member

Hola, muchas gracias por tu pronta respuesta, pero en esta caso sería cambiar de color pero en el caso de añadir una imagen de fondo se puede? Adjunto la imagen que nos gustaría añadir. Gracias.

ResponderCitar
Respondido : 04/05/2015 4:51 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Alexandra!

Puedes añadir a la clase css tanto una imagen de fondo como un color determinado tal y como te indiqué.

Si quieres añadir una imagen de fondo a esa zona, tendrías que conservar el código ( background-image ) por defecto y tan solo, subir la imagen con el mismo nombre y ruta que bg-top-footer.png.

Para ello, puedes utilizar el Administrador de archivos de cPanel (para subir la imagen, renombrarla.. etc)

https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Para añadir el color tendrás que hacer el cambio la propiedad background-image por background y como ya te indicamos anteriormente, añadir el código del color.

Saludos

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

ResponderCitar
Respondido : 04/05/2015 5:08 pm

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

Julen
 Julen
Miembro Admin

Hola,

Para cambiar el fondo tienes que seguir las indicaciones anteriores. En el caso de que quieras añadir una imagen de fondo, previamente la tienes que subir a la carpeta /img y posteriormente indicar el cambio modificando el código .css en la ruta que se te indico.

.seccion_html { margin-bottom: 10px; background-image: url('../img/IMAGEN.png'); border-bottom: 1px solid #F3F3F3;

IMAGEN debes sustituirlo por el nombre de la nueva imagen.

Saludos

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

ResponderCitar
Respondido : 04/05/2015 5:11 pm
Alexandra
 Alexandra
Noble Member

Hola, entiendo que tengo que hacer los cambios desde el cPanel, pero ambas explicaciones me confunden un poco, ya que por un lado me dicen que sustituya con el mismo nombre de archivo la imagen de fondo es decir: bg-top-footer.png y por otra lado me indican que previamente la suba a la carpeta /img y posteriormente indicar el cambio modificando el código .css en la ruta que se te indico. Y IMAGEN debes sustituirlo por el nombre de la nueva imagen.

Que tendría que hacer subirlo primero a la carpeta /img y luego sustituir por el nombre de la nueva imagen o subir el archivo con el mismo nombre bg-top-footer.png en la ruta que me indican?

Otra duda el tamaño de la imagen influye o tengo que subirlo un tamaño adecuado?

Gracias.

ResponderCitar
Respondido : 04/05/2015 7:34 pm

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

Alexandra
 Alexandra
Noble Member

Hola! Para no cometer un error, con la herramienta de Firefox me da la siguiente ruta línea (8104):
.seccion_slider {
background: url("../img/bg-footer.png") repeat scroll 0 0 #4c4c4c;

Que es realmente la imagen de fondo que quiero cambia y para hecho tendría que preparar el archivo con el mismo nombre bg-footer.png tiene que estar en un tamaño determinado o no hace falta, es decir da igual el tamaño de la imagen? Tengo que subir previamente la imagen de fondo en /img?

Gracias.

ResponderCitar
Respondido : 04/05/2015 8:31 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Primero indicarte que la imagen que indicas es una imagen pequeña que se repite, pero no hay problemas con las dimensiones para tu nueva imagen puedes poner cualquier dimension igual se repetirá, lo ideal es que sea un patron cuadrado, la imagen es :

Contenido solo visible a usuarios registrados

Es decir debes ubicarla en la siguiente ruta
/themes/Carme/img/bg-footer.png

Renombra el archivo mejor en lugar de reemplazar y luego pon tu imagen con el mismo nombre y extensión

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

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

ResponderCitar
Respondido : 04/05/2015 11:39 pm

Cursos Gratuitos WordPress

Alexandra
 Alexandra
Noble Member

Muchas gracias por la explicación, ya hemos podido subir el fondo aunque me parece que tarda en cargar.
Saludos

ResponderCitar
Respondido : 06/05/2015 12:50 pm

Por favor Iniciar Sesión o Registro