header dimensions won’t change

  • Resolved eyesicksun

    (@eyesicksun)


    18 years, 7 months ago

    hello. sorry for my continual lack of knowledge when it comes to computers, but here is the most recent problem i am having. I am attempting to switch over from blogsome (indiespensablemusic.blogsome.com) to indiemuse.com. I knew how to put my own header onto my new site, because blogsome also uses WP, however the dimensions on WP do not seem to change when I edit them in the style sheet. Right now, the header dimensions are the same size on my blogsome account and new site, yet on the new site, the size hasn’t changed to be the same as the one on blogsome.

    here is my stylesheet for my new WP site. The size of the header should be 800×150, but it clearly doesn’t appear to be that way on the actual site(indiemuse.com).

    /*<body>

    Theme Name: Minima Plus
    Theme URI: https://www.thoughtmechanics.com/blog/
    Description: Enhancement to original blogger theme Minima by Douglas Bowman, see info below.
    Version: 1.0
    Author: Theron Parlin
    Author URI: https://www.thoughtmechanics.com/

    ———————————————–
    Blogger Template Style
    Name: Minima
    Designer: Douglas Bowman
    URL: https://www.stopdesign.com
    Date: 26 Feb 2004
    ———————————————– */

    #blogTitle {
    position: absolute;
    font-family: ‘Arial Black’, Sans-Serif;
    color: #333;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: left;
    }

    #blogTitle a {
    color: #333;
    }

    #masthead {
    margin: 0 auto;
    border: 1px solid #999;
    background-image: url(/images/masthead.jpg);
    width: 800px;
    height:150px;
    }

    #menu {
    width: 660px;
    height: 35px;
    margin: 0 auto 0 auto;
    padding-top: 2px;
    vertical-align: bottom;
    text-align: left;
    background: #FEFEFE
    }
    .right {
    float: right;
    padding-top: 0px;
    padding-right: 10px;
    }
    .left {
    float: left;
    padding-top: 0px;
    padding-left:10px;
    }
    .commentBox {
    }
    .commentBox p {
    padding-top: 0px;
    margin-top: 0px;
    }
    ul.linklog {
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 20px;
    }
    ul.linklog li {
    list-style: url(/wp-inst/wp-content/sitetemplates/minimaplus/img/bullet.jpg);
    }
    body {
    background: #FEFEFE url(/wp-inst/wp-content/sitetemplates/minimaplus/img/background.jpg) repeat-y center;
    margin:0;
    padding:0px 20px;
    font:x-small Georgia,Serif;
    text-align:center;
    color:#333;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
    a:link {
    color:#58a;
    text-decoration:none;
    }
    a:visited {
    color:#969;
    text-decoration:none;
    }
    a:hover {
    color:#c60;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }

    /* Header
    ———————————————– */
    #header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
    #blog-title {
    margin:5px 5px 0;
    padding:20px 20px .25em;
    border:1px solid #eee;
    border-width:1px 1px 0;
    font-size:200%;
    line-height:1.2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
    #blog-title a {
    color:#666;
    text-decoration:none;
    }
    #blog-title a:hover {
    color:#c60;
    }
    #description {
    margin:0 5px 5px;
    padding:0 20px 20px;
    border:1px solid #eee;
    border-width:0 1px 1px;
    max-width:700px;
    font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }

    /* Content
    ———————————————– */
    #content {
    width:660px;
    margin:0 auto;
    margin-top: 1em;
    padding:0;
    text-align:left;
    }
    #main {
    padding-left: 7px;
    width:410px;
    float:left;
    }
    #sidebar {
    margin-top: .5em;
    width:220px;
    float:right;
    }

    /* Headings
    ———————————————– */
    h2 {
    margin:1.5em 0 .75em;
    font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }

    /* Posts
    ———————————————– */
    .date-header {
    margin:1.5em 0 .5em;
    }
    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
    .post-title {
    margin:.25em 0 0;
    padding:0 0 0px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#c60;
    }
    .post-title a, .post-title a:visited, .post-title strong {
    display:block;
    text-decoration:none;
    color:#c60;
    font-weight:normal;
    }
    .post-title strong, .post-title a:hover {
    color:#333;
    }
    .post div {
    margin:0 0 .75em;
    line-height:1.6em;
    }
    p.post-footer {
    margin:-.25em 0 0;
    color:#ccc;
    }
    .post-footer em, .comment-link {
    font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    .post-footer em {
    font-style:normal;
    color:#999;
    margin-right:.6em;
    }
    .comment-link {
    margin-left:.6em;
    }
    .post img {
    padding:4px;
    border:1px solid #ddd;
    }
    .post blockquote {
    margin:1em 20px;
    color:#666;
    font-style:italic;
    }
    .post blockquote p {
    margin:.75em 0;
    }

    /* Comments
    ———————————————– */
    #comments h4 {
    margin:1em 0;
    font:bold 78%/1.6em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }
    #comments h4 strong {
    font-size:130%;
    }
    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block dt {
    margin:.5em 0;
    }
    #comments-block dd {
    margin:.25em 0 0;
    }
    #comments-block dd.comment-timestamp {
    margin:-.25em 0 2em;
    font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block dd p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    /* Sidebar Content
    ———————————————– */
    #sidebar ul {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    padding-bottom: 1em;
    border-bottom:1px dotted #ccc;
    list-style:none;
    }
    #sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
    }
    #sidebar p {
    color:#666;
    line-height:1.5em;
    }

    /* Profile
    ———————————————– */

    #profile-container {
    margin:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
    .profile-datablock {

    margin:.5em 0 .5em;
    }
    .profile-img {
    display:inline;
    }
    .profile-img img {
    float:left;
    padding:4px;
    border:1px solid #ddd;
    margin:0 8px 3px 0;
    }
    .profile-data {
    margin:0;
    font:bold 78%/1.6em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    .profile-data strong {
    display:none;
    }
    .profile-textblock {
    margin:0 0 .5em;
    }
    .profile-link {
    margin:0;
    font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }

    /* Footer
    ———————————————– */
    #footer {
    width:660px;
    clear:both;
    margin:0 auto;
    }
    #footer hr {
    display:none;
    }
    #footer p {
    margin:0;
    padding-top:15px;
    font:78%/1.6em “Trebuchet MS”,Trebuchet,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }

    .designer {
    font-size: 0.9em;
    }

    Thank you for your help!

  • The topic ‘header dimensions won’t change’ is closed to new replies.