• 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

Removing Space Around Page Title

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 › Removing Space Around Page Title

This topic is: resolved

Tagged: Modern Portfolio Pro; Remove Space;

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 11 months ago by cmagras.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 28, 2015 at 12:32 pm #172161
    cmagras
    Member

    Hi, I'm using the Modern Portfolio Pro theme, and want to decrease the area around the Page Title (or better yet, remove it all together). I know how to remove the actual page title, but it still leaves the space there. So I need help removing that space. I'd like my sidebar and content to be closer to my navigation/menu bar. If you go to the URL listed, you will see this space between the slider and the menu.
    Thank you!

    http://marcinevinfitness.com
    November 28, 2015 at 1:42 pm #172167
    carasmo
    Participant

    Use some developer tools in your browser and locate the styles that are creating the padding or margin top of the two areas, then either set up your functions to enque a new style sheet that loads last or use !important to adjust the two areas in your style.css file for your child theme:

    /* Line 505 in child theme : style.css */
    .site-inner
    {
      padding-top: 0px!important; /* affects all pages not just home */
    }
    
    /* divi page builder styles */
    /* Line 6989 */
    .et_divi_builder #et_builder_outer_content .et_pb_section
    {
      padding-top: 0!important; /* affects all sections of the same class  */
    }

    Change the value from 0px to something else -- whatever works best.


    Genesis Theme Customization and Help

    November 28, 2015 at 7:57 pm #172175
    cmagras
    Member

    Thanks Carasmo! I did lower the margin on my .site-inner, and that helped some. Then I realized the Divi Builder had the option to put in a number for margin and padding (for the entire section), so I put in zero, and the two changes combined fixed it! Thanks for your help. I appreciate it. 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Removing Space Around Page Title’ 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

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