Quote Originally Posted by Rayzur View Post
Actually I added ul to the end of the parent. I had mentioned that the OP was targeting the parent and not the ul.

All my changes above were applied to the ul
Code:
.social_links ul
OK, that got rid of the list indent which I addressed vis ŕ vis the left padding on ul. The side padding on the parent reduces the available space for the ul.

Quote Originally Posted by paulcj2 View Post
Actually, that's Wordpress advice for making their stuff work. Didn't realize it messes up viewers preferences.
A member here, on another forum uses a scatological term (rhymes with 'word') for that application due to the generally screwy css.

Quote Originally Posted by paulcj2 View Post
At the moment the sub-style sheet padding is set thus:

Code:
.social_links ul {
    padding: 10px 0 ;
}
i.e. no padding to the right and left. Why doesn't that take precedence over the parent?
Padding is not inherited, and no selector addresses an ancestor anyway.

Here is a minimal test case for investigating the effects of padding. Alter, delete, or add padding to the different elements.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator"
        content=
        "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />
        
  <meta http-equiv="Content-Type"
        content="text/html; charset=utf-8" />

  <title>Test</title>
  <style type="text/css">
/*<![CDATA[*/

  #a {
    background-color: blue;
    color:  white;
    padding: 10px;
    }

  ul {
    background-color: red;
    list-style: none;
    margin: 0;
    padding-left: 35px;
    }

  li {
    background-color: green;
    }

  li span {
    background-color: magenta;
    font-weight: bold;
    }

  /*]]>*/
  </style>
</head>

<body>
  <div id="a">
    <ul>
      <li><span>list item</span></li>

      <li><span>list item</span></li>
    </ul>
  </div>
</body>
</html>
cheers,

gary