• 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

Padding between homesection 1 and 2

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 › General Discussion › Padding between homesection 1 and 2

This topic is: not resolved

Tagged: padding between home sections

  • This topic has 10 replies, 2 voices, and was last updated 10 years, 8 months ago by Maja.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 2, 2015 at 6:58 am #164324
    Maja
    Member

    Dear all!

    Im looking to reduce the space between home section 1 and 2 on Parallax pro. Someon who knows how to do that?

    /Maja

    http://test.webbverkstan.nu
    September 2, 2015 at 12:39 pm #164345
    Davinder Singh Kainth
    Member

    Reduce padding values in the code (style.css)

    .home-even, .home-odd {
        clear: both;
        font-size: 28px;
        overflow: hidden;
        padding: 120px 0 70px;
        text-align: center;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 2, 2015 at 11:49 pm #164392
    Maja
    Member

    Thanks Davinder,

    but how to know which one goes where?

    /Maja

    September 3, 2015 at 9:00 am #164438
    Davinder Singh Kainth
    Member

    It is applied to all widgets on the homepage.

    In above code 120px is top padding and 70px is bottom padding, if that is what you are asking?


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 4, 2015 at 12:10 am #164536
    Maja
    Member

    That did the trick!

    May I ask you something else?

    I reckon the "0" then refers to full width content? I have the full width content on the front page but when I try to set the pages to full width as well I still have whit space left and right of the container, how can I get rid of that?

    Have a nice friday!

    /M

    September 4, 2015 at 9:12 am #164567
    Davinder Singh Kainth
    Member

    Are you referring to "0" as in the following code:

    padding: 120px 0 70px;

    As such, to reduce padding on inner pages, you need to change padding values in this code

    .full-width-content .content {
        padding: 0 200px 50px;
        width: 100%;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 7, 2015 at 4:58 am #164822
    Maja
    Member

    Thanks buddy!

    Now the front page look good. But my pages that looked good before now are all over the place.

    What on earth happened here?

    http://test.webbverkstan.nu/valkommen-till-oss/

    Wp and I not friends...

    September 8, 2015 at 1:00 am #164880
    Davinder Singh Kainth
    Member

    In the following code, you have set width to 100% and float: center.

    fyi... there is nothing called "float: center" in CSS vocabulary.

    Change this...

    .content {
    	float: center;
    	width: 100%;
    }

    to...

    .content {
    	float: left;
    	width: 700px;
    }

    P.S. If you want to center align item, use combination of float: none and margin: 0 auto


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 9, 2015 at 2:20 am #165000
    Maja
    Member

    Thanks Davinder,

    Not easy to be a web beginner these days...

    I have been trying different options, but still cant mak the content on content-sidebar page to look normal.

    When I put
    .content {
    float: left;
    width: 700px;
    margin: 0 auto;
    }

    The sidebar is back on spot but the content is still hiding around the corner. Im totally clueless about how to get it back.
    More hints would be highly appreciated.

    September 10, 2015 at 12:18 pm #165138
    Davinder Singh Kainth
    Member

    Your content title is hidden by fixed header.

    Change this code...

    .site-inner {
        clear: both;
        margin-top: 80px;
    }

    to...

    .site-inner {
        clear: both;
        margin-top: 180px;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 15, 2015 at 3:48 am #165553
    Maja
    Member

    Dear Davinder,

    I do like the page title to be hidden (but still to be there since its used in the gallery) maybe there is a better way to do this but it seems to work for me 🙂

    My problem is that the sidebar all of a sudden appears below the content. This was not like this before. Do you possibly have an idea how to fix this?

    /Maja

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘General Discussion’ 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