WordPress.org

Ready to get started?Download WordPress

Forums

size of main content area (4 posts)

  1. giec
    Member
    Posted 2 years ago #

    Hi guys, I am using the twentyeleven theme and I am trying to find out the size of the main div where the content is, but firebug doesn't tell me. Has anybody got an idea how big it is or where I can find the size please?
    http://andys.antonioborrillo.co.uk/wp/?page_id=15 if you look at this the red line (which is a div ) has the same length as the content area and that's the size I need. At the moment the red div has a width of 100%
    thanks

  2. Tarsem Singh
    Member
    Posted 2 years ago #

    Please decrease the Margin ... margin-left and margin-right from your style.css

    style.css - line 199

    .one-column #content{
      margin-left: 7.6%;
      margin-right: 7.6%;
      ....
     }

    style.css - line 104

    .singular #content, .left-sidebar.singular #content {
        margin-left: 7.6%;
        ....
    }

    style.css - line 90

    #content {
        margin-left: 7.6%;
        margin-left: 6.6%;
    	...
    }

    StyleSheet Path - http://andys.antonioborrillo.co.uk/wp/wp-content/themes/twentyeleven-child/style.css

  3. Digital Raindrops
    Member
    Posted 2 years ago #

    The theme is responsive so do everything by percentages and not fixed width, as the browser is re-sized and the content is changed by percentage everything is stacked, re-size the browser to a mobile width to see what I mean.

    If we have more info on why you need to use a fixed width we might be able to help more.

    Please decrease the Margin...

    Note: if you do this you must also adjust:

    #primary {
    	float: left;
    	margin: 0 -26.4% 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 34% 0 7.6%;
    	width: 58.4%;
    }

    Regards

    David

  4. giec
    Member
    Posted 2 years ago #

    thanks for the suggestions, but I don't see that css, only the one I have created which is this http://andys.antonioborrillo.co.uk/wp/wp-content/themes/twentyeleven-child/style.css. In this I can't find the ids and classes you've mentioned. WHere do I find that CSS pls and how do I edit it?
    Digital Raindrops, I don't have any particular reason to use fix width, actually what you say makes a lot of sense so I will use percentages
    thanks

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.