• 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

Changing the homepage layout of Magazine Theme

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 › Changing the homepage layout of Magazine Theme

This topic is: not resolved

Tagged: full width, homepage, layout, magazine

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 8 months ago by dsamanmishra.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 3, 2015 at 2:44 am #167280
    dsamanmishra
    Member

    Hello,

    I am using magazine pro theme on my website riseforindia.com I want to change the layout of my homepage to full width. To do so, I am changing the code

    // Force content-sidebar layout setting
    add_filter( 'genesis_site_layout', '__genesis_return_content_sidebar' );

    in frontpage.php to

    // Force full width layout setting
    add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

    Thankfully, I got this code from: http://wpsites.net/web-design/create-full-width-home-page-in-any-studiopress-theme/

    And it is working, but the problem is that I am using Genesis Sandbox featured post in the home-middle widget. The post that is displayed through that widget area remains in 2 columns only instead of switching over to 3 column view. The sidebar is removed as expected and the area where 3rd column of content should appear remains vacant. Please help and suggest what I should do for the 3rd column to appear.

    URL: http://riseforindia.com

    Child Theme: Magazine

    http://riseforindia.com
    October 3, 2015 at 9:48 am #167304
    Brad Dalton
    Participant

    Line 937 you'll need to change 2n+1 to 3n+1 like this:

    .home-middle .featured-content .entry:nth-of-type(3n+1) {
    

    The themes CSS is written to work with the Genesis featured posts widget, not the Sandbox widget so you'll need to change all instances of the widget class if its different for Sandbox.

    You'll also need to tweak the width and margin.


    Tutorials for StudioPress Themes.

    October 4, 2015 at 3:23 am #167361
    dsamanmishra
    Member

    Hi Brad,

    Thanks a ton for your help. It did work and made the widget to appear in 3rd column, but the second and third column are always appearing sticked to each other. I tried tweaking the margin pixel but that was just not working. Can you please guide me on what I should do next? Sorry to bug you again!

    Here is the screenshot of the way columns are appearing:

    layout

  • 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