Viewing 5 replies - 1 through 5 (of 5 total)
  • .page-id-1247 #wrapper {padding:10px 30px 10px 30px}

    The padding values are in order: top, right, bottom and left.

    Thread Starter miloshapiro

    (@miloshapiro)

    appreciate the help lorro, but that didn’t do what I hoped.

    The top and the bottom margins were unchanged, even when I pumped them up to 110!

    But more significantly, it ADDED 30px of white on either side of the text, making the text area itself larger and different from all the other pages. I didn’t want 30px more white on either side…I wanted the text to start a bit more toward the middle and wrap 30px sooner so it wouldn’t get so close to the right edge.

    I also tried this:

    .page-id-1247
    {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 50px;
    }

    but that set margins on the WHOLE webpage. I’m just trying to affect the white area in the middle so that it looks more like this page:
    https://speaker.miloshapiro.com/for-meeting-pros/av-requirements/
    … just without the sidebar.

    Thanks so much!

    If css doesn’t do anything it could be because something loaded later is taking precedence or there is a parse error. If you leave it in it may be possible to debug it.

    I think I better understand the objective, so please try this, and leave it in if it doesn’t work:

    .page-id-1247 #main {padding:5px 25px 0 25px}

    Thread Starter miloshapiro

    (@miloshapiro)

    It wasn’t that css wasn’t doing it’s thing…it DOD changed the side margins but not the top ones.

    Regardless, you were MUCH more on target with the second one. That was just what I needed (tweaking the numbers, of course).

    That and learning that CSS changes do not seem to be reflected when I do “preview changes” (frustratingly) but they do show up after “Update”.

    Now it looks good. Thanks so much!

    Note: Odd that i have to say the page number. you’d think it’d know it was about THIS page! Any insight? Is there no generic “this page” terminology?

    By default every page will load the same stylesheet. Its possible to use a function to detect the page and load a page specific stylesheet but that’s more trouble than using the selector.

    To do something on “this page”, without quoting the page number, you could put the style in the page content text:

    <style>
    #main {padding:5px 25px 0 25px}
    </style>

    This method is frowned upon.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Want to set right and left margin in text area for border on ONE page’ is closed to new replies.