WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] No gap in top margin wanted. How? (5 posts)

  1. LaBella
    Member
    Posted 8 years ago #

    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!

  2. sdollen
    Member
    Posted 8 years ago #

    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.

  3. LaBella
    Member
    Posted 8 years ago #

    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;

    }

  4. sdollen
    Member
    Posted 8 years ago #

    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>`

  5. LaBella
    Member
    Posted 8 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.