• 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

Modern Studio Pro – removing white space above content just below menu

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 › Modern Studio Pro – removing white space above content just below menu

This topic is: not resolved
  • This topic has 1 reply, 2 voices, and was last updated 9 years, 10 months ago by Christoph.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 14, 2016 at 7:19 am #183588
    pixelpushers
    Member

    Hi,

    I'm using Modern Studio Pro to build a site. It's local host only at the mo so I cant post a link but hopefully my question is clear enough.

    I have the site set up as per the demo but with a full width front page. I want to add in a content slider at the top of this page (just below the menu).

    Whenever I test the slider it defaults to having a certain about of white space above it (below the menu)

    I feel this default amount is too much. It looks OK on other pages (with regular posts etc) but I want the slider to be positioned slightly higher and remove at least half of this space - can anyone tell me how I do this in CSS? Thanks

    April 14, 2016 at 11:37 pm #183651
    Christoph
    Member

    Hi,

    since we cannot look at your website, you'll have to figure out the details.
    Use the Inspector tools of your browser, find and correct the css class that is causing the white space and add your correction to the style.css

    Here is a good tutorial on the Chrome Inspector: https://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

  • 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

© 2026 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