• 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: Adjust front page background image size

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 › Design Tips and Tricks › Infinity Pro: Adjust front page background image size

This topic is: resolved

Tagged: background image, front page, Infinity Pro

  • This topic has 4 replies, 4 voices, and was last updated 4 years, 2 months ago by di.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 6, 2018 at 4:28 pm #224207
    di
    Participant

    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/
    November 7, 2018 at 11:41 am #224220
    Victor Font
    Moderator

    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?

    November 9, 2018 at 3:39 am #224249
    jimbo5
    Participant

    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 🙂

    November 9, 2018 at 3:46 am #224251
    Brad Dalton
    Participant

    Please link to a live site.


    Get Help – Book Consultation.

    November 20, 2018 at 3:21 pm #224493
    di
    Participant

    Thanks, Victor! This did the trick!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Infinity Pro: Adjust front page background image size’ 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