• 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

Width content in Academy pro

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 › Width content in Academy pro

This topic is: resolved

Tagged: Full Width Wrap to the Inner Content of a Page

  • This topic has 8 replies, 2 voices, and was last updated 7 years, 8 months ago by Ghallab.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 18, 2018 at 5:44 am #223261
    Ghallab
    Member

    Hi
    I can not change the width content in academy pro theme
    I tried to change the width but not working, any idea ?

    /*****************/
    .wrap {
    	margin: 0 auto;
    	max-width: 1200px;
    }
    
    .site-inner {
    	clear: both;
    	word-wrap: break-word;
    }
    
    .landing-page .wrap {
    	max-width: 800px;
    }
    /* Content */
    .content {
    	float: right;
    	width: 880px;
    }
    .content-sidebar .content {
    	float: left;
    	max-width: 700px;
    }
    .sidebar-content .content {
    	max-width: 700px;
    }
    .full-width-content .content {
    	float: none;
    	margin: 0 auto;
    	max-width: 880px;
    }
    .academy-grid .content,
    .half-width-entries .content {
    	max-width: none;
    	width: 100%;
    }
    .single-post.full-width-content .content {
    	float: none;
    	margin: 0 auto;
    	max-width: 880px;
    }
    .sidebar-primary {
    	float: right;
    	width: 360px;
    }
    
    .sidebar-content .sidebar-primary {
    	float: left;
    }
    https://demo.studiopress.com/academy/sample-page/
    September 18, 2018 at 6:11 am #223262
    Victor Font
    Moderator

    Your question is vague. What layout are you using? What are you actually trying to accomplish?


    Regards,

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

    September 18, 2018 at 6:46 am #223264
    Ghallab
    Member

    Hi Victor
    Sorry for confuse
    I am using full-width layout
    what I need is to increase the width of content
    like that one https://demo.seothemes.com/corporate-pro/layouts/full-width-content/
    if you compare full-width content page in academy pro and Corporate Pro you will notice that Corporate Pro have a wider page content
    So any idea to increase the page content width
    Regards
    Ghallab

    September 18, 2018 at 8:02 am #223268
    Victor Font
    Moderator

    Use your browser's built-in inspection tool to find the CSS responsible for the content width and change the max-width in style.css. From the CSS you posted above, it should be the following block:

    .full-width-content .content {
    	float: none;
    	margin: 0 auto;
    	max-width: 880px;
    }

    Regards,

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

    September 18, 2018 at 8:13 am #223270
    Ghallab
    Member

    Thank you Vector for your support

    I try that code but not working, it's working only with all layout width less than or equal 880 px

    September 18, 2018 at 8:54 am #223271
    Victor Font
    Moderator

    Please post a link to your site. We can't help further without seeing the live code.


    Regards,

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

    September 18, 2018 at 3:55 pm #223278
    Ghallab
    Member

    Hi Vector

    https://ismailghallab.com/resume/

    Regards,

    September 19, 2018 at 3:26 am #223283
    Victor Font
    Moderator

    This will work for you:

    line 843 in style.css:

    .full-width-content .content {
        float: none;
        margin: 0 auto;
        max-width: 1200px;
    }

    line 829 in style.css:

    .content {
        float: right;
        width: 100%;
    }

    Regards,

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

    September 19, 2018 at 4:15 pm #223301
    Ghallab
    Member

    Thank you Mr.Victor for your support

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Width content in Academy pro’ is closed to new 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