Infinity Pro: Adjust front page background image size

[di]

I want to use a background image of 1600x500 px (in place of Infinity Pro's 1600x1000). Without adjustments, it distorts the image and leaves large white spaces between front pages.

Where do I make this adjustment? In front-page.js? If so, what code do I adjust?

http://adunate.com/test/

[Victor Font]

Around line 148 in style-front.css, you find the following CSSS:

.front-page-1 {
    height: 100vh;
}

Remove this and the image will display normally. As an alternative, you can also add max-height: 500px; to the above code. Either method will work.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jimbo5]

Hi,

one question:

I´m uploading my own images of 1600 pixels wide and 1000 pixels tall and the images do not look complete or full sized.

Original image https://prnt.sc/lg7wzy
The look https://www.screenmedia.es/

Thank you 🙂

[Brad Dalton]

Please link to a live site.

---

Tutorials for StudioPress Themes & WooCommerce.

[di]

Thanks, Victor! This did the trick!

[Author]

Posts