• Contacto
  • ¿Qué es el Éxito para Mí?
  • Recursos que uso

Mis Ingresos Pasivos

Aprende a generar ingresos pasivos en internet

  • Inicio
  • Como me hice Emprendedor
  • Quien es Óscar
  • Acceso Miembros
  • HAZTE PREMIUM
Usted está aquí: Inicio / Genesis / Cambiar el tamaño de la imagen de la home en Digital Pro

Cambiar el tamaño de la imagen de la home en Digital Pro

Por Oscar martin Deja un comentario

Hola Chicos,

Me habéis preguntado como podemos cambiar el tamaño de la imagen de la home de Digital pro

Para el que no lo sepa Digital Pro es un child theme de la plantilla Genesis, mi plantilla favorita ;)

Como podéis ver en el siguiente pantallazo, en la home de Digital Pro hay una imagen muy grande:

pantallazo digital pro

La imagen es el fondo del widget Front Page 1.

Para cambiar el tamaño de esta imagen no tenemos ninguna opción en la pantalla por lo que lo tendremos que hacer por código.

Además de tenerlo que hacer por código, el procedimiento es algo distinto de lo que estamos acostumbrados.

Normalmente para cambiar el tamaño de una imagen o cualquier otro elemento tenemos que buscar un tamaño y cambiarlo por otro, en esta ocasión no es así ya que el tamaño de la imagen es dinámico.

El tamaño de la imagen se adapta al alto de la ventana de nuestro navegador. Da igual si es una pantalla más grande o más pequeña, va a ocupar el alto completo de nuestro navegador.

Tenemos que ir al fichero front-page.js que está en la carpeta /wp-content/themes/digital-pro/js/front-page.js

En la línea 18 nos encontramos con el siguiente código:

var windowHeight = $( window ).height();

En el estamos diciendo que el tamaño de la imagen sea el alto de la ventana del navegador.

Si queremos que la imagen ocupe la mitad lo podemos hacer sustituyendo el código anterior por el siguiente:

var windowHeight = $( window ).height() * .5;

Y listo, ya tenemos nuestra imagen en la mitad de tamaño ;)

Aquí tenéis el tutorial en vídeo:

Suscríbete a mi canal:  

Es un poco técnico pero siguiendo los pasos con cuidado no tendréis ningún problema.

Recordar hacer copia de seguridad antes de modificar nada.

Un saludo ;)
Óscar

Publicado en: Genesis, Trucos Etiquetado como: Digital pro

vivir de internet copiame

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Destacados

¿Quieres aprender a ganar dinero en internet? Cópiame

Quién Soy

¿Quieres saber quién soy?

Leer Más…

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Política de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies..Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR