• Hey all,

    I’m trying to move the main container of this site up a bit, so the spacing matches on the top and bottom of the buttons. I found the code to move the buttons down, but I can’t move the main container up.

    */bla
    
    /* Defaults */
    
    * {
      margin: 0;
      padding: 0;
      }
    
    h1, h2, h3, h4, h5, h6, p {
      margin: 0;
      padding: 10px 0;
      }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: Verdana;
      }
    
    hr {
      color: #000;
      border: 1px solid #121212;
      }
    
    pre {
      height: auto;
      overflow-x:scroll;
      }
    
    fieldset {
      margin: 0;
      padding: 0;
      border: 0;
      }
    
    dd {
      padding-left: 15px;
      }
    
    p {
      font-size: 9pt;
      }
    
    a {
      color: #6598b8;
      text-decoration: none;
      }
    
    a:hover {
      color: clear;
      text-decoration: underline;
      }
    
    a img {
      border: none;
      }
    
    blockquote {
      background: #070707;
      border: 1px solid #060606;
      padding: 5px 15px;
      margin: 10px 10px 5px 15px;
      font-style: italic;
      color: black;
      }
    
    code {
      color: #3366cc;
      font-style: italic;
      }
    
    strong {
      font-size: 110%;
      }
    
    body {
      text-align: center;
      margin: 0;
      padding: 0 0 25px 0;
      font-family: trebuchet ms, arial, helvetica, sans-serif;
      background: #000 url(/wordpress/wp-content/themes/pixel/images/bgbody2.jpg) top center fixed;
    
      }
    
    /* Header and wrapper */
    a {
       outline: none;
    }
    #wrapper {
      margin: 0 auto;
      width: 930px;
      text-align: left;
      padding: 0;
      }
    
    #header {
      padding: 0;
      margin: 0;
      height: 100px;
      }
    
    #header #topright {
      text-align: center;
      float: center;
      width: 930px;
      height: 100px;
      margin: 0px 0 0 -5px;
    }
    #header #topright ul {
      list-style: none;
      padding: 0;
      margin: 10px;
      }
    #header #topright li {
      display: inline;
      }
    #header #topright li a {
      color: black;
      font-size: 9pt;
      padding: 0px 0 0 15px;
      text-transform: lowercase;
      }
    #header #topright li a:hover {
      color: #000;
      text-decoration: none;
      }
    
    #header #logo {
        height:100%;
        float: left;
      width: 930px;
      height: 100px;
      margin: 25px 0 0 0;
      padding: 0;
    }
    #header h1 {
      padding: 0;
      margin: 0;
      }
    #header h1 a {
      color: black;
      font-size: 17pt;
      text-decoration: none;
      }
    #header h1 a:hover {
      color: #eee;
      text-decoration: none;
      }
    #header span {
      padding: 0;
      color: #111;
      font-size: 11pt;
      }
    
    /* Menu */
    
    #catnav {
      margin: 50px 0 0 0;
      padding: 0;
      clear: both;
      height: 10px;
      width: 930px;
      }
    
    #nav {
      list-style: none;
      margin: 0;
      padding: 0;
      }
    
    #nav ul {
      margin: 0;
      padding: 0;
      }
    
    #nav li {
      float: left;
      margin: 0;
      padding: 0;
      }
    
    #nav a {
      display: block;
      line-height: 44px;
      margin: 0;
      padding: 0 15x 0 15px;
      font-size: 10pt;
      color: black;
      letter-spacing: -1px;
      }
    
    #nav li a:hover {
      color: #6598b8;
      text-decoration: none;
      display: block;
      }
    
    #nav li ul {
      list-style: none;
      position: absolute;
      width: 150px;
      left: -999em;
      }
    
    #nav li:hover ul, #nav li.sfhover ul {
      left: auto;
      }
    
    #nav li li {
      float: left;
      margin: 0;
      padding: 0;
      width: 150px;
      }
    
    #nav li li a {
      width: 150px;
      height: 24px;
      line-height: 24px;
      color: black;
      border-top: 1px solid #131f27;
      background: #040404;
      margin: 0;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li li a:hover {
      border-top: 1px solid #131f27;
      background: #000;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
      position: static;
      }
    
    #toprss {
      float: right;
      margin: 15px 15px 0 0;
      display: inline;
      width: 65px;
      line-height: 41px;
      }
    
    /* Top Content */
    
    #main {
      margin: 5px 15px 0 0px;
      background: white;
      width: 920px;
      padding-bottom: 5px;
      padding-left: 15px;
      }
    #contentwrapper {
      float:left;
      width: 600px;
      margin: 0 0 15px 0;
      padding: 0;
      }
    
    #contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
      margin: 25px 0 10px 0;
      font-size: 14pt;
      letter-spacing: -1px;
      color: #000000;
      font-weight: normal;
      background: url(images/bg-trans.png) repeat;
      padding: 0px;
      }
    .topPost {
      margin: 0;
      padding: 0;
      font-size: 9pt;
      }
    .topPost h2.topTitle a {
      font-size: 15pt;
      font-weight: normal;
      color: #000000;
      letter-spacing: -2px;
      }
    .topPost h2.topTitle a:hover {
      text-decoration: none;
      color: #abd1ea;
      }
    .topPost p.topMeta {
      padding: 0;
      margin: -10px 0 0 0;
      font-size: 9pt;
      color:  #000000;
      }
    .topPost p.topMeta a {
      text-decoration: underline;
      color: black;
      }
    .topPost p.topMeta a:hover {
      color: #000000;
      }
    .topPost div.topContent {
      font-size: 9pt;
      color: #000000;
      margin: 8px 0;
      }
    .topPost div.topContent a {
      text-decoration: underline;
      color: #000000;
      }
    .topPost div.topContent a:hover {
      text-decoration: underline;
      color: #000000;
      }
    
    .topPost div.topContent ul, .topPost div.topContent ol {
      padding: 0 0 0 30px;
      }
    .topPost div.topContent ul li, .topPost div.topContent ol li {
      color: #eee;
      }
    .topPost span.topComments. topPost span.topMore, .topPost span.topTags {
      font-size: 9pt;
      font-style: italic;
      background: url(/images/bg-trans.png) repeat;
      padding: 8px 10px;
      margin-right: 5px;
      line-height: 27pt;
      color: #000000;
      border: 1px solid #111;
      }
    .topPost span.linkpages {
      font-size: 9pt;
      font-style: italic;
      color: #000000;
      margin-bottom: 10px; display:block;
      }
    .topPost span.linkpages a:hover {
      color: #000000;
      }
    .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
      background: #040404;
      }
    .topPost span.topComments a {
      color: #000000;
      background: url(images/comment.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topMore a {
      color: clear;
      background: url(images/comment.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topTags em {
      background: url(images/tags.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      color: #0a0a0a;
      }
    .topPost span.topTags a {
      color: black;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
      color: #000000;
      text-decoration: underline;
      }
    
    #nextprevious {
      margin: 10px 0 5px 0;
      }
    #nextprevious a {
      color: #83adc8;
      text-transform: lowercase;
      text-decoration: underline;
      }
    #nextprevious a:hover {
      color: purple;
      }
    
    ///
    
    /* Welcome section */
    
    #main #welcome {
      margin: 0 0 20px 0;
      padding: 0 0 5px 0;
      background: url(images/bg-trans.png) repeat;
      }
    #main #welcome h2 {
      font-size: 14pt;
      font-weight: normal;
    
      color: black;
      letter-spacing: -2px;
      margin: 0 10px;
      padding: 10px 0 3px 0;
      }
    #main #welcome p {
      font-size: 9pt;
      color: #eee;
      margin: 0 10px;
      padding: 6px 0;
      }
    #main #welcome a {
      text-decoration: underline;
      color: #ff9933;
      }
    #main #welcome a:hover {
      color: #6598b8;
      }
    #main #welcome form {
      margin: -5px 0 0 0;
      background: transparent; /* required for IE */
      }
    #main #welcome #feedbox {
      border: 1px solid #ccc;
      padding: 2px 1px;
      width: 180px;
      }
    .submitbutton {
      margin: -5px 0 0 5px;
      background: #010101;
      color: black;
      font-size: 8pt;
      padding: 3px 6px;
      vertical-align: middle;
      border: 1px solid #111;
      }
    .submitbutton:hover {
        cursor:pointer;
      background: #050505;
      }
    
    /* Sidebars */
    #sidebars {
      margin: 0px 0 0 0;
      float: right;
      width: 250px;
      color: white;
      padding-top: 15px;
      }
    #sidebars .sidebarbox {
      background: url(images/bg-trans.png) repeat;
      padding: 8px 5px;
      }
    
    #sidebar_full {
      padding: 0;
      margin: 0;
      }
    
    #sidebar_left {
      float: left;
      width: 340px;
      }
    
    #sidebar_right {
      float: right;
      width: 250px;
      }
    
    #sidebars h2 {
      margin: 0;
      padding: 5 0 8px 0;
      font-weight: normal;
      font-size: 11pt;
      color: white;
      letter-spacing: -1px;
      }
    
    #sidebars table {
      width: 130px;
      }
    
    #sidebars ul {
      margin: 0;
      padding: 0 0 5px 0;
      }
    
    #sidebars li {
      margin-bottom: 20px;
      list-style: none;
      font-size: 9pt;
      }
    
    #sidebars li ul {
      padding: 0;
      }
    
    #sidebars ul ul li {
      margin: 0;
      padding: 2px 2px 2px 16px;
      color: #ffffff;
      background: url(images/bullet.gif) left 8px no-repeat;
      line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
      }
    
    #sidebars a {
      display: inline;
      color: #eee;
      }
    #sidebars a:hover {
      color: clear;
      text-decoration: underline;
      }
    
    #sidebars p {
      padding: 2px 0;
      font-size: 9pt;
      color: #ffffff;
      }
    
    #tag_cloud a {
      display: inline;
      }
    
    #sidebars ul.children li {border-bottom:none;}
    #sidebars ul.children {margin-bottom:0;}
    
    /* Before footer */
    
    /* footer*/
    #footer {
      clear: both;
      background:
      border: 0px;
      padding:
      }
    #footer p {
      font-size: 9pt;
      color: #000;
      padding: 0;
      }
    #footer a {
      color: #000;
      text-decoration:
      }
    #footer a:hover {
      color: ##000;
      }
    #footerleft {
      float: left;
      width: 500px;
        }
    #footerright {
      float: right;
      width: 300px;
      text-align: right;
      }
    
    /* Misc */
    
    .highlight {
      color: #222;
      font-weight: bold;
      }
    
    .cleared {
      margin: 0;
      padding: 0;
      clear: both;
      }
    
    .alignleft {
      float: left;
      margin: 5px 10px 5px 0;
      }
    .alignright {
      float: right;
      margin: 5px 0 5px 10px;
      }
    .aligncenter,
    div.aligncenter {
      margin: 10px auto;
      text-align: center;
      display: block;
      }
    
    img.alignleft {
      float: left;
      margin: 5px 10px 5px 0;
      }
    img.alignright {
      float: right;
      margin: 5px 0 5px 10px;
      }
    img.aligncenter {
      margin: 10px auto;
      text-align: center;
      display: block;
      }
    
    .wp-caption {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #f3f3f3;
    
      padding-top: 4px;
    
      /* optional rounded corners for browsers that support it */
    
      -moz-border-radius: 3px;
    
      -khtml-border-radius: 3px;
    
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }
    
    .wp-caption img {
      margin: 0;
      padding: 0;
      border: none;
      }
    
    .wp-caption p.wp-caption-text {
      font-size: 11px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
      color: #111;
      }

    .

    https://notstepfordwives.com/wordpress/

    Any help would be great. ??

    Thanks

Viewing 1 replies (of 1 total)
  • I suggest you reduce the height of #header from 100px to something like 80px or less.

    Also, don’t paste content from Microsoft Word into WordPress as the pasted text will also contain Word’s own formatting. Sooner or later, this formatting will stop your pages from being displayed correctly (if at all) in Internet Explorer. If you cannot possibly manage without Word, paste your text into NotePad (or another text editor) first, then copy from NotePad into WordPress.

    https://www.getwordpressed.com/learning-wordpress/paste-easily-to-wordpress-from-ms-word/

Viewing 1 replies (of 1 total)
  • The topic ‘Spacing Issue’ is closed to new replies.