Infinity Pro Front Page Image

[UmpquaWebMember]

Two issues:

1. The image I'm using has a lot of red at the top, but if I crop it, the words go beyond the edges.

2. The menu background is red, until I scroll, and then it turns white. I suppose that's a parallax effect?? Once the menu background turns white, the image is the height I would like it to be.

What do I do?

https://solowebsolutions.com/glendale/

[Victor FontParticipant]

What you're experiencing is a little deceptive. The header area starts out with a transparent background. The header is set to have a fixed position, which means that it floats above everything else on the page. You're actually looking through the header at the image beneath it.

When you start scrolling, there is a jQuery function that adds a class to the header that changes the background to white after the page scrolls more than 50 pixels. This is not the same thing as a parallax effect.

You're picture is not changing size. It's simply being covered by the header because once it's white, you can't see through it any longer.

You should crop the image to the size you want, then add a top margin to front-page-1 instead of using top padding. You'll also have to account for the space under the header, maybe change the header background to red instead of transparent. Just suggestions.

---

Regards,

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

[UmpquaWebMember]

It doesn't work. Isn't there a way that I can just change the size? It asks for 1600x1000 but when I change the width of the image to 1600 wide, the height is 764. If I add it as that size, it stretches.

This is very frustrating. It was supposed to be a very simple site, but I can't seem to find a theme that will make it so. The themes seem to be getting more and more complex.

[UmpquaWebMember]

I found this post: https://studiopress.community/topic/infinity-pro-adjust-front-page-background-image-size/

It works!

[Author]

Posts