Changing the width of the content area (9 posts)

  1. Philbeaux
    Posted 2 years ago #

    Working with a child theme, how would I go about changing the width of the content area?

  2. Josiah
    Posted 2 years ago #

    I love responsive and use it on my site.

    Here's where you will want to adjust it:

    #container {

    max-width: 960px;


    Just copy that into your child theme style.css file and then edit your width.

  3. Philbeaux
    Posted 2 years ago #

    I'm sorry.
    I should have been more specific.
    I want to change the width of class="grid col-620". That appears to be the container I want to edit.
    I understand that I can just edit the CSS to whatever I want, but what if I want to edit the template to one of those other classes? Like .col-720 or .col-860?

  4. Josiah
    Posted 2 years ago #

    Ok. Well it should work the same way. The thing to think about with that is that the grids = 100% plus a little bit of padding.

    Does that make sense? So for example the column .col-620 equals this:

    .col-620 {
    width: 65.9574%;

    And the corresponding div is this one:

    .col-300 {
    width: 31.9149%;

    So together they equal 97.872%
    What I would do is edit those two columns to what you want and make it equal to 97.872%. What that percentage is saying that these divs will take up x amount of space in their parent div.

    I hope that helps.

  5. Philbeaux
    Posted 2 years ago #

    So what your saying is to just edit properties of both columns to get the width I want? Ok, that makes sense.
    I'm just trying to figure out how to edit the templates for some other things I want to. How would I figure out the respective template?
    One other thing.... how do I remove that right-hand widget all together?

  6. Philbeaux
    Posted 2 years ago #

    Hey Josiah........
    I see your a Boyd.
    Where is your family from???

  7. Josiah
    Posted 2 years ago #

    I live in Texas. The Boyd portion of me is from Arkansas.

    Yes, that's basically what you need to do.

    check the template options on your page attributes in the wordpress page editor. You should have a template that says full width. That's what I use for my about page. Responsive has great resources because of all the templates because you can easily hide widgets based on your template in the page attributes. You can then fill the different sidebars with specific widgets.

  8. Philbeaux
    Posted 2 years ago #

    Boyds in Arkansas? Didn't know they had any there.
    I'm right down the road ---- from the Boyds in Louisiana.

    Ok, I see! It's actually the posts I'm trying to work with, but is does the same thing. (I'm converting a static HTML site to WordPress and I'm trying to get a feel for all the templates).
    Well that helps and gives me something to start with.
    Thanks Josiah, have a good one!

  9. Josiah
    Posted 2 years ago #

    Glad I could help! Good luck in Louisiana. My family has been around the Little Rock area for a while I think.

    Let me know if you every need anything else.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.