• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Infinity Pro Front Page Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Infinity Pro Front Page Image

This topic is: resolved

Tagged: front page image, Infinity Pro

  • This topic has 3 replies, 2 voices, and was last updated 3 years, 11 months ago by UmpquaWeb.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 9, 2020 at 10:57 pm #495870
    UmpquaWeb
    Participant

    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/
    January 10, 2020 at 2:57 pm #495880
    Victor Font
    Moderator

    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?

    January 10, 2020 at 5:55 pm #495884
    UmpquaWeb
    Participant

    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.

    January 10, 2020 at 6:21 pm #495886
    UmpquaWeb
    Participant

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

    It works!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Infinity Pro Front Page Image’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble