• 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

Center content

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 › Center content

This topic is: not resolved

Tagged: content to the left

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 10 months ago by Maja.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 18, 2015 at 5:06 am #162711
    Maja
    Member

    Hello!

    Trying to shift the content towards the center of the container on my homepage. Im using the Magazine Pro theme; and have limited css knowledge to play with. Now the content appears to the left of the page, not in the center.

    On the pages with sidebars, the sidebar is to the right and the main content to the left, Look like theres a gap between them. Does not look to nice....

    Any hints on how to improve the site would be highly appreciated.

    /maja

    http://www.dahlinekonomi.se
    August 18, 2015 at 5:43 am #162715
    Victor Font
    Moderator

    To center the content, add margin: 0 auto; to the .full-width-content .content code block in style.css at line 491.

    As for the gap between the content and sidebar, it's only 30px. You really don't have a lot of room to play width. The width of the parent container for both areas is 1140px. Your content area is 750px and your sidebar is 360px. Add those together and you get 1110px. You can expand either the content area, the sidebar area, or both to bring them closer together. The content area width is at line 469 in style.css. The sidebar width is at line 498. Whatever you do, don't create the situation where the content width + sidebar width exceeds 1140px or you will push the sidebar down below the content.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 18, 2015 at 5:55 am #162720
    Maja
    Member

    You just made my day much better. Thanks Victor.

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