Change padding

Discussion in 'HTML & Website Design' started by Sweet101, Feb 23, 2010.

  1. #1
    I want to change the padding to 0 so the text of the post looks like this:
    http://olleqwer.webblogg.se/images/2010/wid_74876842.png

    I've been told that the only thing I have to do is change the padding to 0 on ".post content". In which template do I change the padding of the post? Is it on the stylesheet? Can someone check my wordpress theme and send me the coding of where I change it? I've tried, with no sucess ...

    My wordpress theme is Cordobo Green Park 2 0.9.502
     
    Sweet101, Feb 23, 2010 IP
  2. AlternativeWeb

    AlternativeWeb Peon

    Messages:
    140
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    WP should have WYSIWYG and they normally have an 'HTML mode' button/option somewhere on the tool bar.


    <table width="300" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>Hello DP</td>
      </tr>
    </table>
    HTML:
    This is:
    border zero
    cellspaceing zero
    cellpadding zero
     
    AlternativeWeb, Feb 23, 2010 IP
  3. findonline

    findonline Peon

    Messages:
    149
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Use firebug - its a great plugin for the Firefox browser that lets you highlight elements and see exactly which CSS values are being applied to it, and where they are being applied... Good Luck to you!
     
    findonline, Feb 23, 2010 IP
  4. christyk

    christyk Peon

    Messages:
    22
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    As findonline said, use Firebug. Using it, I was able to find out where your settings needed to be changed. In style.css, change the following padding to something smaller than 28 to get rid of padding on left and right (though I can't imagine why you'd want to get rid of some good white space).
    .page, .post, .pagetitle, .nocomments {
    padding:0 28px;
    }
    Code (markup):
    To get rid of padding above the Title change the following code
    #content {
    border-right:3px solid #D5DADD;
    margin:0 350px 0 0;
    overflow:hidden;
    padding:19px 0 0;
    }
    Code (markup):
    To get rid of the meta section (blue background) completely, I believe you'll need to go into single.php and remove the following lines of code - and probably also on index.php if you want it removed from home page (remember to make backup)
    <small class="meta">
                <span class="alignleft">
                  2009-07-18 3:50 pm                          </span>
                <a title="Comments on this post" class="alignright button-style" href="http://thesocialweb.de/the-last-and-so-on#respond" linkindex="7">No Comments</a>
              </small>
    Code (markup):
     
    christyk, Feb 24, 2010 IP
  5. Sweet101

    Sweet101 Guest

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hey. The thing is, I have another blog and the width was very broad. When I copy and paste the images into the new blog, with the Green Park theme, the images automaticly became smaller (even though there's alot of space, and I thought this was because of the padding) I thought if I made the padding smaller, the text would move closer to the white container, and the images aswell - I want to be able to make the make the images wider and take advantage of the full post width (cause there is extra space, that's not being used). So I changed the padding, but it didnt solve the problem. The text was closer to the container, but not the images. I just want the images to be as big as possible, so I wonder where do I change "padding for images"? Cause I want the images to take advantage of the full post width.
     
    Sweet101, Feb 27, 2010 IP