• Resolved rnarian

    (@rnarian)


    Hi – My website is https://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)
  • 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?

    https://codex.www.ads-software.com/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.

    Thread Starter rnarian

    (@rnarian)

    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.

    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;
    }

    Thread Starter rnarian

    (@rnarian)

    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?

    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;
    }
    Thread Starter rnarian

    (@rnarian)

    That worked perfect, thanks alchymyth.

    Thread Starter rnarian

    (@rnarian)

    Thanks.

    Thread Starter rnarian

    (@rnarian)

    Another quick question: https://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?

    Try adding:

    .container {
        width: 1100px;
    }

    Thread Starter rnarian

    (@rnarian)

    That worked perfectly. Thanks WPyogi.

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