• 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

Larger background image in Essence Pro Theme (Cover more space?)

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 › Larger background image in Essence Pro Theme (Cover more space?)

This topic is: not resolved

Tagged: background image

  • This topic has 1 reply, 2 voices, and was last updated 2 years, 8 months ago by askdesign.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 18, 2020 at 8:32 am #498046
    Styleconsidered
    Member

    Hi Community

    I have an issue with trying to get my background image to cover the entire screen - at the bottom of the homepage you can just see the tip of the posts overlaying the image. I want that to happen further down so that you have to scroll before seeing the posts overlaying. I hope it makes sense? can you make the background image cover more space?

    Is anyone able to help me out?

    Do Fashion The Right Way

    Love,
    Anna

    https://www.styleconsidered.com/
    June 28, 2020 at 2:00 pm #499675
    askdesign
    Participant

    Current code:

    .margin-overlay {
        margin-top: -100px;
    }

    Modified code:

    .margin-overlay {
        margin-top: 0;
    }

    However, if the .margin-overlay class is used elsewhere, you'll have to
    be more specific for the change to be applied only on the Home page. Try
    adding to the .ab-block-post-grid class, like this:

    Modified code:

    .ab-block-post-grid {
        margin-bottom: 0;
        margin-top: 0;
    }

    If necessary, be more specific to restrict the change to the area you want.


    Anne S. Katzeff
    Designer | Artist | Teacher

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and 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