How to Push Content Down in WP Theme

Discussion in 'WordPress' started by netgo, Jul 20, 2011.

  1. #1
    Hello,

    I have a WP that I am changing,
    I want the content section's text to start 20px down from where it does today,
    but no matter where I change the margin it doesn't work.

    /*
    Theme Name: Nover
    Theme URI:
    Description: http://wp-saleslettertheme.com
    Version: 1.0
    Author: Home Business Insiders
    Author URI: http://homebusinessinsiders.com/
    Tags: fixed width, one column, valid XHTML, widgets
    */

    /* begin Page */

    body
    {
    margin: 0 auto;
    padding: 0;
    background-color: #d8dbe0;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    }

    .Main
    {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    }





    .cleared
    {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size:1px;
    }


    /* end Page */


    div.Header-jpeg
    {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 790px;
    height: 150px;
    background-image: url('images/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */

    /* begin Box, Sheet */
    .Sheet
    {
    overflow: hidden;
    min-width:23px;
    min-height:23px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 800px;
    }


    .Sheet-body
    {
    position: relative;
    z-index: 0;
    margin: 5px;
    }

    .Sheet-tl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-tr
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 21px;
    height: 21px;
    }

    .Sheet-tr div
    {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -21px;
    width: 42px;
    height: 42px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-bl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 21px;
    height: 21px;
    }

    .Sheet-bl div
    {
    position: absolute;
    z-index: -1;
    top: -21px;
    left: 0;
    width: 42px;
    height: 42px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-br
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 21px;
    height: 21px;
    }

    .Sheet-br div
    {
    position: absolute;
    z-index: -1;
    top: -21px;
    left: -21px;
    width: 42px;
    height: 42px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-tc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 0;
    left: 21px;
    right: 21px;
    height: 21px;
    }

    .Sheet-tc div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background-image: url('images/Sheet-h.png');
    }

    .Sheet-bc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    bottom: 0;
    left: 21px;
    right: 21px;
    height: 21px;
    }

    .Sheet-bc div
    {
    position: absolute;
    z-index: -1;
    top: -21px;
    left: 0;
    width: 100%;
    height: 42px;
    background-image: url('images/Sheet-h.png');
    }

    .Sheet-cl
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 21px;
    left: 0;
    width: 21px;
    bottom: 21px;
    }

    .Sheet-cl div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 42px;
    height: 100%;
    background-image: url('images/Sheet-v.png');
    }

    .Sheet-cr
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 21px;
    right: 0;
    width: 21px;
    bottom: 21px;
    }

    .Sheet-cr div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -21px;
    width: 42px;
    height: 100%;
    background-image: url('images/Sheet-v.png');
    }

    .Sheet-cc
    {
    position: absolute;
    overflow:hidden;
    z-index: -2;
    top: 21px;
    left: 21px;
    right: 21px;
    bottom: 21px;
    background-image: url('images/Sheet-c.png');
    }


    .Sheet
    {
    margin-top: 20px !important;
    }
    /* end Box, Sheet */

    /* begin ContentLayout */
    .contentLayout
    {
    margin-bottom: 0px;
    width: 790px;
    position: relative;
    }
    /* end ContentLayout */

    /* begin Box, Block */
    .Block
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin: 0 auto;

    position: relative;
    z-index: 0;
    }


    .Block-body
    {
    position: relative;
    z-index: 0;
    margin: 0px;
    }


    .Block
    {
    margin: 10px;
    }

    /* end Box, Block */

    /* begin BlockHeader */
    .BlockHeader
    {
    position: relative;
    overflow: hidden;
    height: 30px;
    z-index: 0;
    line-height: 30px;
    padding: 0 7px;
    margin-bottom: 0px;

    }

    .BlockHeader-text
    {
    white-space : nowrap;
    color: #000000;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 30px;
    }


    .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
    {
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    height: 30px;
    }

    .BlockHeader .l
    {
    left: 0;
    right: 10px;
    }


    .BlockHeader .r
    {
    right: 0;
    width: 10px;
    }


    .BlockHeader .r div
    {
    width: 790px;
    right: 0;
    }


    .BlockHeader .l, .BlockHeader .r div
    {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url('images/BlockHeader.png');
    }



    .header-tag-icon
    {
    display:inline-block;
    background-position:left top;
    background-image: url('images/BlockHeaderIcon.png');
    padding:0 0 0 23px;
    background-repeat: no-repeat;
    min-height: 16px;
    margin: 0 0 0 5px;
    }




    /* end BlockHeader */

    /* begin Box, BlockContent */
    .BlockContent
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    }


    .BlockContent-body
    {
    position: relative;
    z-index: 0;
    margin: 7px;
    }


    .BlockContent-body
    {
    color:#292929;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    margin-top: 30px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    }

    .BlockContent-body a:link
    {
    color: #595959;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .BlockContent-body a:visited, .BlockContent-body a.visited
    {
    color: #949494;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .BlockContent-body a:hover, .BlockContent-body a.hover
    {
    color: #152faf;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    }


    .BlockContent-body ul
    {
    list-style-type: none;
    color: #545454;
    margin:0;
    padding:0;
    }

    .BlockContent-body li
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    text-decoration: none;
    }

    .BlockContent-body ul li
    {
    padding:0px 0 0px 16px;
    background-image: url('images/BlockContentBullets.png');
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
    }

    /* end Box, BlockContent */

    /* begin Box, Post */
    .Post
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    }


    .Post-body
    {
    position: relative;
    z-index: 0;
    margin: 15px;
    }


    .Post
    {
    margin: 15px;
    }


    /* Start images */
    a img
    {
    border: 0;
    }

    .article img, img.article
    {
    border-style: solid;
    border-width: 0px;
    border-color: #C7C7C7;
    margin: 1em;
    }

    .metadata-icons img
    {
    border: none;
    vertical-align: middle;
    margin:2px;
    }
    /* Finish images */

    /* Start tables */

    .article table, table.article
    {
    border-collapse: collapse;
    margin: 1px;
    width:auto;
    }

    .article table, table.article .article tr, .article th, .article td
    {
    background-color: transparent;
    }

    .article th, .article td
    {
    padding: 2px;
    border: solid 1px #737373;
    vertical-align: top;
    text-align:left;
    }

    .article th
    {
    text-align:center;
    vertical-align:middle;
    padding: 7px;
    }



    /* Finish tables */
    /* end Box, Post */

    /* begin PostHeaderIcon */
    .PostHeaderIcon-wrapper
    {
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #F10E29;
    }

    .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: ##F10E29;
    }

    /* end PostHeaderIcon */

    /* begin PostHeader */
    .PostHeader a:link
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #F10E29;
    }

    .PostHeader a:visited, .PostHeader a.visited
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #F10E29;
    }

    .PostHeader a:hover, .PostHeader a.hovered
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #152faf;
    }
    /* end PostHeader */

    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #292929;
    }

    .PostContent
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    text-align: justify;
    color: #292929;
    }

    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    http://www.w3schools.com/CSS/css_pseudo_classes.asp
    http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #595959;
    }

    /* Adds special style to an unvisited link. */
    a:link
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #595959;
    }

    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #595959;
    }

    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #595959;
    }

    /* Finish Content link style */

    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }


    /* Start Content headings Fonts & Colors */
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: left;
    color: #B61616;
    }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #757575;
    }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #D01619;
    }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
    }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
    }
    /* Finish Content headings Fonts & Colors */

    /* end PostContent */

    /* begin PostBullets */
    /* Start Content list */

    ul
    {
    list-style-type: none;
    color: #404040;
    margin:0;
    padding:0;
    }

    li
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 15px;
    }



    .Post ul li
    {
    padding:0px 0 0px 19px;
    background-image: url('images/PostBullets.png');
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
    }


    /* Finish Content list */
    /* end PostBullets */

    /* begin PostQuote */
    /* Start blockquote */

    blockquote p
    {
    color:#303030;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    }

    blockquote
    {
    border-color:#5E5E5E;
    border-width: 1px;
    border-style: dashed;

    margin:10px 10px 10px 50px;
    padding:5px 5px 5px 41px;

    background-color:#FEFDB9;

    background-image:url('images/PostQuote.png');
    background-position:left top;
    background-repeat:no-repeat;
    }



    /* Finish blockuote */
    /* end PostQuote */

    /* begin Button */
    button.Button, a.Button
    {
    position:relative;
    display:inline-block;
    width: auto;
    outline:none;
    border:none;
    background:none;
    line-height:34px;
    margin:0;
    padding:0;
    overflow: visible;
    cursor: default;
    text-decoration: none !important;
    }


    /*This HACK needed for ie7 (button position)*/
    *:first-child+html button.Button, *:first-child+html a.Button
    {
    display:list-item;
    list-style-type:none;
    float:left;
    }


    .Button .btn
    {
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    z-index: 0;
    height: 34px;
    color: #404040;
    white-space: nowrap;
    float: left;
    }

    .Button .t
    {
    height:34px;
    white-space: normal;
    padding: 0 24px;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    line-height: 34px;
    text-decoration: none !important;
    }

    input, select
    {
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    }

    .Button .active
    {
    color: #F2F2F2;
    }

    .Button .hover, a.Button:hover
    {
    color: #F5F5F5;
    text-decoration: none !important;
    }

    .Button .active .r
    {
    top: -68px;
    }

    .Button .hover .r
    {
    top: -34px;
    }

    .Button .r
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 13px;
    height: 102px;
    }


    .Button .r span
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width:419px;
    height: 102px;
    }


    .Button .active .l
    {
    top: -68px;
    }

    .Button .hover .l
    {
    top: -34px;
    }

    .Button .l
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    right: 13px;
    height: 102px;
    }


    .Button .l, .Button .r span
    {
    background-image: url('images/Button.png');
    }

    /* end Button */

    /* begin Footer */
    .Footer
    {
    position:relative;
    z-index:0;
    overflow:hidden;
    width: 790px;
    margin: 5px auto 0px auto;
    }

    .Footer .Footer-inner
    {
    height:1%;
    position: relative;
    z-index: 0;
    padding: 20px;
    text-align: center;
    }

    .Footer .Footer-background
    {
    position:absolute;
    z-index:-1;
    background-repeat:no-repeat;
    background-image: url('images/Footer.png');
    width: 790px;
    height: 100px;
    bottom:0;
    left:0;
    }



    .rss-tag-icon
    {
    position: relative;
    display:block;
    float:left;
    background-image: url('images/rssIcon.png');
    background-position: center right;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    height: 27px;
    width: 26px;
    }




    .Footer .Footer-text p
    {
    margin: 0;
    }

    .Footer .Footer-text
    {
    display:inline-block;
    color:#696969;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    font-size: 11px;
    }

    .Footer .Footer-text a:link
    {
    text-decoration: none;
    color: #3B3B3B;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .Footer .Footer-text a:visited
    {
    text-decoration: none;
    color: #595959;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .Footer .Footer-text a:hover
    {
    text-decoration: none;
    color: #0079DB;
    font-family: Trebuchet, Helvetica, Sans-Serif;
    text-decoration: none;
    }
    /* end Footer */

    /* begin PageFooter */
    .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
    {
    font-family:Trebuchet;
    font-size:10px;
    letter-spacing:normal;
    word-spacing:normal;
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
    color:#878787;
    }

    .page-footer
    {
    margin:1em;
    text-align:center;
    text-decoration:none;
    color:#666666;
    }
    /* end PageFooter */

    /* begin LayoutCell */
    .contentLayout .content
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 789px;
    }

    /* end LayoutCell */



    .commentlist, .commentlist li
    {
    background: none;
    }

    .commentlist li li
    {
    margin-left:30px;
    }

    .commentlist li .avatar
    {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    margin:1px;
    background: #fff;
    }

    .commentlist li cite
    {
    font-size:1.2em;
    }

    #commentform textarea
    {
    width: 100%;
    }

    img.wp-smiley
    {
    border:none;
    margin:0;
    padding:0;
    }

    .navigation
    {
    display: block;
    text-align: center;
    }

    /* Recommended by http://codex.wordpress.org/CSS */
    /* Begin */
    .aligncenter, div.aligncenter
    {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft
    {
    float: left;
    }

    .alignright
    {
    float: right;
    }

    .alignright img, img.alignright
    {
    margin: 1em;
    margin-right: 0;
    }

    .alignleft img, img.alignleft
    {
    margin: 1em;
    margin-left: 0;
    }

    .aligncenter,
    {
    float: center;
    }

    .wp-caption
    {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    }

    .wp-caption img
    {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text
    {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    /* End */


    .hidden
    {
    display: none;
    }

    /* Calendar */
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


    /* begin Logo */
    .logo
    {
    display : block;
    position: absolute;
    left: 10px;
    top: 50px;
    width: 770px;
    }

    h1.logo-name
    {
    display: block;
    text-align: center;
    }

    h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    padding:0;
    margin:0;
    color: #EBEBEB !important;
    }

    .logo-text
    {
    display: block;
    text-align: center;
    }

    .logo-text, .logo-text a
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    padding:0;
    margin:0;
    color: #EBEBEB !important;
    }

    /* end Logo */



    Any help will be greatly appreciated
     
    netgo, Jul 20, 2011 IP
  2. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #2
    Anyone knows where I can find out?
     
    netgo, Jul 20, 2011 IP
  3. adbox

    adbox Well-Known Member

    Messages:
    906
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    #3
    I use firebug and firefox to edit css on live sites. It might help you play around and discover what works?
     
    adbox, Jul 21, 2011 IP
  4. fozer0l

    fozer0l Peon

    Messages:
    251
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    @adbox: i tried,it's working fine, now reading about firebug to use that effectively
     
    fozer0l, Jul 21, 2011 IP