Increasing the width of the main content area

Community Forums Forums Design Tips and Tricks Increasing the width of the main content area

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  chikamiku 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8327

    chikamiku
    Participant
    Post count: 65

    Hello There,

    I am using Agency theme. May know how I can increase the width of the content area in the pages other than index page?

    Thanks in advance

    • This topic was modified 1 year, 3 months ago by  chikamiku.
    • This topic was modified 1 year, 3 months ago by  chikamiku.
    #8685

    TishaOehmen
    Participant
    Post count: 15

    Hi,

    To change the width, you’ll need to modify the style sheet. To make it 1140px wide, with a 320px sidebar and a 150px alt-sidebar you’d need something in the neighborhood of these rules:

    <code>#content-sidebar-wrap {

    margin: 30px;
    width: 930px;
    }
    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 1140px;
    }

    #content {
    width: 550px;
    }
    .content-sidebar #content,
    .sidebar-content #content {
    width: 730px;
    }
    .full-width-content #content {
    width: 1140px;
    }
    .sidebar {
    width: 320px;
    }
    #sidebar-alt {
    width: 150px;
    }</code>

    That will get you close — let me know how wide you want it to be and what your site link is. I can help more with those pieces of information.


    Tisha Oehmen, Paradux Media Group
    Twitter: @TishaOehmen

    #9169

    chikamiku
    Participant
    Post count: 65

    Hello Tisha,

     

    Thank you for the detailed info on how to change the width of the page. Now, I am not sure how to fix the alignment issues after I made certain changes in the content area.  Actually, once I implemented the code given by you as well. However, it did not work.

    My site link is as follows.  But it is in Japanese. So, you will not be able to see it exactly as it should look.  However, it will give you a rough idea of how bad the text and images are aligned. Most of the pages on the site are in pretty bad shape.

    http://exoticskins.jp/blog/contact/

    Thanks and I look forward to hearing from you.

     

     

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.