• 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

Centric Home Page Widget 1

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 › Centric Home Page Widget 1

This topic is: not resolved

Tagged: Centric Home page

This topic contains 4 replies, has 2 voices, and was last updated by  rayman 6 years, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 16, 2014 at 3:05 am #134655

    rayman
    Member

    Hello,

    I would like to have some direction on how to reduce the blank space at the top and bottom of the home page widget one in which i have the genesis responsive slider.

    Many Thanks
    Ray
    http://mauiprepboarding.org/

    http://mauiprepboarding.org/
    January 4, 2015 at 7:49 pm #136075

    Christoph
    Member

    Hi,

    1. To reduce the white space after the "slider widget"
    change/reduce the value of the padding-top around line 1403 of the style.css
    That's what it looks like now:

    .home-widgets .widget:first-child {
        padding-top: 140px;
    }

    2. To reduce the "green space" after the slider, change the padding around line 1448 of the style.css

    This is what the code looks like now:

    .home-featured .home-widgets-1 {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        padding: 200px 0px;
        font-size: 20px;
    }

    Change the padding to something like this:
    padding: 200px 0px 100px 0px;

    Adjust the 100px to size the "green space" after the slider to your liking.

    This is what the new code would look like:

    .home-featured .home-widgets-1 {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        padding: 200px 0px 100px 0px;
        font-size: 20px;
    }

    Hope this helps!
    Christoph


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

    January 12, 2015 at 4:41 pm #137250

    rayman
    Member

    Thanks Christoph

    I've been sick so only just getting to this.

    I have a couple of other issues with the site, in Chrome and Safari the slideshow displays at a significantly smaller size but in Firefox and IE is fine, any ideas what's causing that?

    And is it at all possible to get rid of the bump feature of the header?

    Thanks
    Ray

    January 12, 2015 at 11:13 pm #137293

    Christoph
    Member

    That´s interesting behaviour in Chrome...

    Around line 1443 try changing

    .home-featured .wrap {
    	margin-top: -160px;
    	max-width: 782px;

    to

    .home-featured .wrap {
    	margin-top: -160px;
    	max-width: 1220px;

    I´m not sure what you mean by "bump feature".


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

    January 13, 2015 at 1:14 am #137297

    rayman
    Member

    Awesome Christoph, that was it!

    The bump feature in the header is it's size change when you begin to scroll down.

    Thanks man it's much appreciated

    Ray

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

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