• 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

Align Title, menu and content areas

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 › Align Title, menu and content areas

This topic is: not resolved
  • This topic has 1 reply, 2 voices, and was last updated 11 years, 10 months ago by lanceallen.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 8, 2014 at 10:28 pm #117873
    Leonidt1985
    Member

    Hi,

    How do I align the title, menu and content areas to be all starting from where the content area is?

    My site is: http://newsite.leonsdance.com/

    August 8, 2014 at 11:28 pm #117874
    lanceallen
    Member

    Look At this in your style.css file

    .entry {
    margin-bottom: 40px;
    padding: 50px 60px;

    The Padding on the left is set to 50px
    you want it to read as follows

    .entry {
    margin-bottom: 40px;
    padding: 0px 60px;

    That will move your content to your tile alignment.

    To move your title alignment, I would use this. This is all of your css for the title. I just added the last line of padding. I added 20px to align it with your menu. You can just make it a higher number to align it with your content. I think making it all straight aligned looks too boxy.

    **// This Moves your Site Title

    .site-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 20px;

    **// This Moves your site Description,Again just change the value in the padding.

    .site-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding-left: 20px;

    **// This Moves your Navigation

    ol, ul {
    margin: 0;
    padding-left: 35px;
  • 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