Increase Margin in Content Area

  • chirojstaub

    #9717

    I would like to increase the margin in the content area for every page.

    How do I do this?

    my page: http://www.precisionorl.com

    And on my sidebar widget menu. Is there any way to increase the text line size? I was able to increase it for the text in the content area but it did not seem to apply to the sidebar widget menu.

    Thank you,

    John

    Anonymous

    #44405

    Please be more specific, what do you mean by increasing the margin in content area. Increase white background? Or really increase the margin of content division?

    For text line size I suppose you mean line height… In custom CSS add something like this:

    .sidebar li a {
    line-height: 25px;
    }

    chirojstaub

    #44406

    I used the sidebar custom CSS and it worked. Thank you very much.

    As for the margins, I want to have about a 1/2 inch of white space on both sides of the content area. I marked it up on a picture.

    Margins.png

    I hope that helps,

    John

    Anonymous

    #44407

    It helps…

    Try with this CSS:

    .entry-content {
    margin: 0 15px;
    }

    Inches are not a valid measurement unit in electronic publishing, you have to switch to pixels, points or even better to percentage 🙂

    Also, be aware that since you put the google map code inside paragraph wrap you will have to adjust the width of the map, or even better wrap the map code inside some div and mark it with ID and then style it with css…:

    Inside post:

    <div id="mymap">
    here goes google map code
    </div>

    CSS:

    #mymap {
    margin: 0 0 0 -25px;
    }

    chirojstaub

    #44408

    Awesome. Thank you!

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

  • You must be logged in to reply to this topic.