WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Increase Single Page Width (12 posts)

  1. rnarian
    Member
    Posted 9 months ago #

    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.

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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

  3. liton1980
    Member
    Posted 9 months ago #

    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.

  4. rnarian
    Member
    Posted 9 months ago #

    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.

  5. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    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;
    }
  6. rnarian
    Member
    Posted 9 months ago #

    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?

  7. alchymyth
    The Sweeper & Moderator
    Posted 9 months ago #

    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;
    }
  8. rnarian
    Member
    Posted 9 months ago #

    That worked perfect, thanks alchymyth.

  9. rnarian
    Member
    Posted 9 months ago #

    Thanks.

  10. rnarian
    Member
    Posted 9 months ago #

    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?

  11. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Try adding:

    .container {
        width: 1100px;
    }
  12. rnarian
    Member
    Posted 9 months ago #

    That worked perfectly. Thanks WPyogi.

Reply

You must log in to post.

About this Topic