Text padding issue

  • Resolved iyamdman

    (@iyamdman)


    13 years, 3 months ago

    Text padding issue

    Site = https://globalbusinessconnections.com/wpsitegbc/

    If you look at the site, the test posts in the main content area – especially the ‘Another Post with Everything In It’ post – the text and images go all the way to the left or right red boarder.

    Below is the code from the style.css:

    ‘#content {
    width: 757;
    height: 523;
    border-top: 2px #FF0033 solid;
    background: url(“images/content-lt-blue-background-1-j.jpg”) no-repeat center top transparent;
    color:#333333;
    float: right;
    }’

    I tried addling padding and margin, but they added it to the outside of the image, which made the content area bigger and screwed up the layout.

    How can I make it the post’s “text” and “photos” stay within (less than) 10px of each wall/boarder of the content area?

Viewing 2 replies - 1 through 2 (of 2 total)

  • That link does not display any posts. I see this in the “Main Content Area”:

    Main Area

    Sorry, no posts matched your criteria.

    Looking at this another way, you said adding margin and padding adds to the content area making it bigger, and you want 10px of padding on each side of your content area. Why not set the width to 737 and add 10px of padding on each side to get back to your original width of 757?

    Does that work?

    Thread Starter iyamdman

    (@iyamdman)

    Sorry on the content, try this:

    https://globalbusinessconnections.com/wpsitegbc/?page_id=746

    If I do what you say, then there is a 10 px gap between the edge of the background image and the Red boarder.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text padding issue’ is closed to new replies.