• 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

Raise home page widgets in parallax

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 › Raise home page widgets in parallax

This topic is: resolved

Tagged: Design Tips & Tricks

  • This topic has 3 replies, 2 voices, and was last updated 10 years, 9 months ago by Tonya.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2015 at 12:30 pm #140725
    ZachScr
    Member

    Hi,

    I'm having some trouble customizing my landing page using the parallax pro theme.

    I am trying to raise the heading and content text of my home widget #1 by just a little bit. It currently site just a bit farther down the on the page than I'd like. And I'd also like to do this without changing where the background image sits.

    Is this possible? I'm assuming I need some custom css to do this, but I'm pretty new to building a website so I could use some help.

    If anyone has info on how to do this, please let me know.

    Thanks!

    Zach

    http://imakejams.com
    February 13, 2015 at 1:43 pm #140731
    Tonya
    Member

    Hello Zach,

    You will need to add some CSS in order to make this change. What you want to do is target the .home-section-1 area and then adjust the padding-top to what you want. Currently it is set to 190px. In the example I show below, I lowered it to 120px, but you can change that number to whatever you want to achieve the positioning needed.

    .home-section-1 {
        padding-top: 120px;
    }

    Cheers,
    Tonya


    Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
    Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

    February 13, 2015 at 2:57 pm #140764
    ZachScr
    Member

    Worked perfectly!

    Thank you so much, Tonya!

    Zach

    February 13, 2015 at 2:58 pm #140765
    Tonya
    Member

    You're welcome 🙂


    Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
    Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

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

© 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