WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Increase Single Page Width

[Resolved] Increase Single Page Width

  • Hi – My website is http://www.inspiredautosport.com and I am trying to modify the width of the page IA Store so it expands to the whole page to the left and right (removing the sidebar). Can anyone help me on how to do this? Please let me know if you need any additional info from me.

Viewing 11 replies - 1 through 11 (of 11 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    You’ll probably need to create a custom template and remove the sidebar call in the template and then modify the CSS accordingly – are you familiar with code?

    http://codex.wordpress.org/Page_Templates#Custom_Page_Template

    It seems you are using a custom theme and in this forum, only themes which are available in them directory are supporting. But you probably can do this by finding the code of it on your style.css and changing the width of it. Its not difficult and you can do it easily.

    No I am not familiar with code, how can I do this in my style.css, can someone tell me, IA Store PageID is 3412 so can I add something to the style.css page and specify the width of this page only? What would I need to add? Any help is greatly appreciated.

    WPyogi

    @wpyogi

    Forum Moderator

    Try this – you may need to adjust the width:

    .postid-3437 #sidebar {
       display: none;
    }
    
    .postid-3437 #main-content {
        width: 900px;
    }
    
    .postid-3437 #main-content .single-post {
        width: 900px;
    }

    I added this code to the very end of my style.css (changed the pageID to 3412) page but no changes to IA Store page?

    Michael

    @alchymyth

    Forum Moderator

    a:
    please leave any suggested code in your site until someone has the chance to check what happened.

    b:
    use a browser inspection tool to find the right selectors; i.e.:

    .page-id-3412 #sidebar {
       display: none;
    }
    
    .page-id-3412 #main-content {
        width: 960px;
    }
    
    .page-id-3412 #main-content .single-post {
        width: 960px;
    }

    That worked perfect, thanks alchymyth.

    Thanks.

    Another quick question: http://www.inspiredautosport.com/ia-store/ – Now that the sidebar and the width has been increased of this IA Store page on my website, I am trying to make the content area centered, see how every time I increase the width using the code above, it increases it to the right, how do I make it so it is centered and also takes up space to the left?

    WPyogi

    @wpyogi

    Forum Moderator

    Try adding:

    .container {
        width: 1100px;
    }

    That worked perfectly. Thanks WPyogi.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Increase Single Page Width’ is closed to new replies.
Skip to toolbar