StudioPress

Forum navigation

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Infinity Pro: Adjust front page background image size

This topic is: resolved

Tagged: , ,

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.