Support » Installing WordPress » No gap in top margin wanted. How?

  • Resolved LaBella

    (@labella)


    I was wondering if someone could help.
    I created a Christmas theme for a good friend of mine using the “Yellehs 0.1”.
    It came out great I think.
    However, I would like to remove the gap that’s on top. Between the border and the the top edge of the screen. Did that make sense?
    I looked at the css file on this theme and I don’t see where I could go and change it so I can remove it.

    Can anybody help?

    The theme I created for her can be found at:
    http://www.prissychick.com/palmtreeprincess

    Thanks in advance for any help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • did you try changing the 0px margin in the “body” element of your CSS code? I changed it to about -22px using Firefox web developer plugin and it looked fine. Can’t vouch what it would look like in IE though.

    HTH.

    By the way – nice touch with the falling snow on your personal site.

    Thanks for the compliment!

    Now in re: to the margin again…
    I don’t see that option.
    maybe I’m just missing it?

    I will post it here and maybe someone can point out what I need to change.

    [Apologies in advance for the LONG entry due to this paste]

    /*

    * Theme Name: Yellehs

    * Theme URI: http://binslashbash.org

    * Description: A simple theme. Clean yet styleish

    * Author: Joe Newing

    * Author URI: http://binslashbash.org

    * Version: 1.0

    */

    /* Start page elements */

    .description {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    }

    .title {

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #FFFFFF;

    font-size: 20pt;

    text-transform: uppercase;

    }

    .title a {

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #FFFFFF;

    font-size: 20pt;

    text-transform: uppercase;

    vertical-align: bottom;

    }

    .mininav {

    font-family: Tahoma;

    color: #FFFFFF;

    font-size: 9pt;

    }

    .mininav a {

    font-family: Tahoma;

    color: #FFFFFF;

    font-size: 9pt;

    text-decoration: none;

    }

    .mininav a:hover {

    font-family: Tahoma;

    color: #6A6A19;

    font-size: 9pt;

    text-decoration: none;

    }

    .content {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    color: #FFF;

    }

    .sidebar {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    color: #FFFFFF;

    border-left: 2px solid #FFFFFF;

    }

    .entry {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    color: #FFF;

    }

    .postmetadata {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    color: #6A6A19;

    text-align: center;

    }

    a {

    color: #FFD6CE;

    text-decoration: none;

    }

    a:hover {

    text-decoration: none;

    color:#6A6A19;

    }

    img {

    border: none;

    }

    ul {

    display: list-item;

    list-style-type: none;

    list-style-image: none;

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    margin: 0;

    }

    li h2 {

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #FFFFFF;

    font-size: 10pt;

    }

    ul h2 {

    list-style-type: none;

    list-style-image: none;

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #6A6A19;

    font-size: 10pt;

    }

    ul ul {

    list-style-type: none;

    list-style-image: none;

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #86a116;

    font-size: 10pt;

    }

    blockquote {

    margin: 15px 30px 0 10px;

    padding-left: 20px;

    border-left: 5px solid #ddd;

    }

    blockquote cite {

    margin: 5px 0 0;

    display: block;

    }

    h2 {

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #FFFFFF;

    font-size: 12pt;

    }

    h2 a {

    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-weight: bold;

    color: #FFFFFF;

    font-size: 12pt;

    }

    cite {

    font-weight: bold;

    font-style: normal;

    font-size: 1.1em;

    }

    .comment {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 10pt;

    color: #FFFFFF;

    }

    .bottom {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 8pt;

    color: #FFFFFF;

    text-align: center;

    background-color: #840000;

    }

    .bottom a {

    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

    font-size: 8pt;

    color: #000000;

    text-align: center;

    background-color: #840000;

    }

    The css code that I’m refering to appears to be hard coded into either the header.php or index.php file. When you view the source code of the index page, this is what I see – notice where it says “custom variable stylesheet” and then has the “body” element? That’s what needs to be changed. From – body {
    margin: 0px 0px 0px 0px;

    to:
    body { margin: -22px; } changing the top margin to -22px which will get rid of the gap at top. If you still aren't sure, you can take this offline to save some space by emailing me at oumba96[at]gmail.com I have emails open all the time, so can respond back immediately.

    <head profile=”http://gmpg.org/xfn/11″>

    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

    <meta http-equiv=”Page-Enter” content=”progid:DXImageTransform.Microsoft.Iris(IrisStyle=Star, Duration=2)”>

    <meta http-equiv=”Page-Exit” content=”progid:DXImageTransform.Microsoft.Iris(IrisStyle=Star, Duration=2)”>

    <title>Palm Tree Princess </title>

    <meta name=”generator” content=”WordPress 1.5.1″ /> <!– leave this for stats –>

    <link rel=”stylesheet” href=”http://www.prissychick.com/palmtreeprincess/wp-content/themes/Yellehs.0.1/style.css” type=”text/css” media=”screen” />

    <link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”http://www.prissychick.com/palmtreeprincess/?feed=rss2″ />

    <link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”http://www.prissychick.com/palmtreeprincess/?feed=rss” />

    <link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”http://www.prissychick.com/palmtreeprincess/?feed=atom” />

    <link rel=”pingback” href=”http://www.prissychick.com/palmtreeprincess/xmlrpc.php” />

    <!– Custom Variable Stylesheet –>

    <style>
    body {
    margin: 0px 0px 0px 0px;
    background: url(http://www.prissychick.com/palmtreeprincess/wp-content/themes/Yellehs.0.1/images/index_bg.gif);
    background-repeat: repeat-x;
    background-color: #840000;
    }

    li {
    display: list-item;
    list-style-image: url(http://www.prissychick.com/palmtreeprincess/wp-content/themes/Yellehs.0.1/images/limage.gif);
    list-style-position: inside;
    list-style-type: none;
    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    font-size: 8pt;
    vertical-align: middle;
    margin: 0;
    }

    .children li {
    display: list-item;
    list-style-image: url(http://www.prissychick.com/palmtreeprincess/wp-content/themes/Yellehs.0.1/images/limage.gif);
    list-style-position: inside;
    list-style-type: none;
    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    font-size: 8pt;
    vertical-align: middle;
    margin: 0;
    font-weight: normal;
    }
    </style>
    </head>

    <body>

    <div style=”padding-left: 50px;”>

    <table cellpadding=”0″ cellspacing=”0″ border=”0″>

    <tr>

    <td valign=”top” width=”1″><img src=”http://www.prissychick.com/palmtreeprincess/wp-content/themes/Yellehs.0.1/images/title.gif”></td>

    <td>

    <table width=”800″ cellpadding=”0″ cellspacing=”0″ border=”0″>

    <tr>

    <td> </td>

    </tr>

    <tr>`

    Thank you!
    I figured it out…
    The code I need to change was in a style.inc file in the yellehs directory.
    It doesn’t display in the theme editor for some reason.
    Ah well…
    At least that’s take care of!
    Thanks a bunch!
    I appreciate the help

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No gap in top margin wanted. How?’ is closed to new replies.