Need help? Check out our Support site, then


CSS style not reflected in pages beyond home page

  1. Hi,

    I've toyed around with the custom CSS working on Kubrick and I've not touch much of the code except pointing the #header and #page to other images I've loaded on WordPress. The front page looks great like I planned it, but when I click to read an entry, the background image for the #page goes back to Kubrick although the header image is changed to the new image I direct it to. I've tried looking for a link in the CSS that points to a Kubrick image but to no avail... anyone think they can help?

  2. Could you please provide a link to the blog so that we can have a look? The one linked to your nick uses unsleepable as a theme and not kubrick. Otherwise you might post the code here?

    I'm not really sure I understood what you did, but I just tried to modify #header as well as #page by inserting a custom image and it works for all pages...

  3. Hi,

    sorry it has to be privately viewed, but here's the code. I've tried to preview it as "Add to existing CSS" and as "Start from scratch..." but in both cases when I click to read an entry, it brings me to a page where the #page image link does not show but instead goes back to Kubrick's default of "http://s.wordpress.com/wp-content/themes/default/images/kubrickbg.gif"....

    body {
    font-size:62.5%;
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    background:#d5d6d7 url('http://pswsoapbox.files.wordpress.com/2008/02/folder.gif');
    color:#333;
    text-align:center;
    padding:0;
    }

    #page {
    background:white url('http://pswsoapbox.files.wordpress.com/2008/02/background4.gif');
    text-align:left;
    background-color:white;
    width:760px;
    border:1px solid #959596;
    margin:20px auto;
    padding:0;
    }

    #header {
    background:#73a0c5 url('http://pswsoapbox.files.wordpress.com/2008/02/smallheader_v2.gif') no-repeat top center;
    background-color:white;
    height:280px;
    width:660px;
    margin:0;
    padding:0;
    }

    #headerimg {
    height:200px;
    width:100%;
    margin:0;
    }

    #content {
    font-size:1.2em;
    }

    .widecolumn .entry p {
    font-size:1.05em;
    }

    .narrowcolumn .entry,.widecolumn .entry {
    line-height:1.2em;
    }

    .widecolumn {
    line-height:1.2em;
    width:480px;
    margin:0 0 0 150px;
    padding:0;
    }

    .narrowcolumn .postmetadata {
    text-align:center;
    padding-top:5px;
    }

    .alt {
    background-color:#f8f8f8;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin:0;
    padding:10px;
    }

    #footer {
    background-color:white;
    border:none;
    width:760px;
    clear:both;
    margin:0 auto;
    padding:0;
    }

    small {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    line-height:1.5em;
    }

    h1,h2,h3 {
    font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight:bold;
    }

    h1 {
    font-size:4em;
    text-align:center;
    padding-top:70px;
    margin:0;
    }

    #headerimg .description {
    font-size:1.2em;
    text-align:center;
    }

    h2 {
    font-size:1.6em;
    margin:30px 0 0;
    }

    h2.pagetitle {
    font-size:1.6em;
    margin-top:30px;
    text-align:center;
    }

    #sidebar h2 {
    font-family:'Lucida Grande', Verdana, Sans-Serif;
    font-size:1.2em;
    margin:5px 0 0;
    padding:0;
    }

    h3 {
    font-size:1.3em;
    margin:30px 0 0;
    padding:0;
    }

    h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description {
    text-decoration:none;
    color:white;
    }

    h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
    color:#333;
    }

    h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
    text-decoration:none;
    }

    .entry p a:visited {
    color:#b85b5a;
    }

    .commentlist li,#commentform input,#commentform textarea {
    font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    .commentlist li {
    font-weight:bold;
    list-style:none;
    margin:15px 0 3px;
    padding:5px 10px 3px;
    }

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

    .commentlist cite,.commentlist cite a {
    font-weight:bold;
    font-style:normal;
    font-size:1.1em;
    }

    .commentlist p {
    font-weight:normal;
    line-height:1.5em;
    text-transform:none;
    margin:10px 5px 10px 0;
    }

    #commentform p {
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    margin:5px 0;
    }

    .commentmetadata {
    font-weight:normal;
    display:block;
    margin:0;
    }

    #sidebar {
    font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    margin-left:545px;
    width:190px;
    padding:20px 0 10px;
    }

    small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
    color:#777;
    }

    code {
    font:1.1em 'Courier New', Courier, Fixed;
    }

    acronym,abbr,span.caps {
    font-size:0.9em;
    letter-spacing:.07em;
    cursor:help;
    }

    a,h2 a:hover,h3 a:hover {
    color:#06c;
    text-decoration:none;
    }

    a:hover {
    color:#147;
    text-decoration:underline;
    }

    #wp-calendar #prev a,#wp-calendar #next a {
    font-size:9pt;
    }

    #wp-calendar a {
    text-decoration:none;
    display:block;
    }

    #wp-calendar caption {
    font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align:center;
    width:100%;
    }

    #wp-calendar th {
    font-style:normal;
    text-transform:capitalize;
    }

    .narrowcolumn {
    float:left;
    width:400px;
    margin:0;
    padding:0 0 20px 120px;
    }

    .post {
    text-align:left;
    margin:0 0 40px;
    }

    .post hr {
    display:block;
    }

    .widecolumn .post {
    margin:0;
    }

    .widecolumn .postmetadata {
    margin:30px 0;
    }

    .widecolumn .smallattachment {
    text-align:center;
    float:left;
    width:128px;
    margin:5px 5px 5px 0;
    }

    .widecolumn .attachment {
    text-align:center;
    margin:5px 0;
    }

    .postmetadata {
    clear:left;
    }

    #footer p {
    background-color:white;
    text-align:center;
    margin:0;
    padding:20px 0;
    }

    ,post h2 {
    text-align:left;
    }

    h3.comments {
    margin:40px auto 20px;
    padding:0;
    }

    p img {
    max-width:100%;
    padding:0;
    }

    img.centered {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    img.alignright {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
    }

    img.alignleft {
    display:inline;
    margin:0 7px 2px 0;
    padding:4px;
    }

    .alignright {
    float:right;
    }

    .alignleft {
    float:left;
    }

    html>body .entry ul {
    margin-left:0;
    list-style:none;
    text-indent:-10px;
    padding:0 0 0 10px;
    }

    html>body .entry li {
    margin:7px 0 8px 10px;
    }

    .entry ul li:before,#sidebar ul ul li:before {
    content:"0BB 020";
    }

    .entry ol {
    margin:0;
    padding:0 0 0 35px;
    }

    .entry ol li {
    margin:0;
    padding:0;
    }

    .postmetadata ul,.postmetadata li {
    display:inline;
    list-style-type:none;
    list-style-image:none;
    }

    #sidebar ul,#sidebar ul ol {
    margin:0;
    padding:0;
    }

    #sidebar ul li {
    list-style-type:none;
    list-style-image:none;
    margin-bottom:15px;
    }

    #sidebar ul p,#sidebar ul select {
    margin:5px 0 8px;
    }

    #sidebar ul ul,#sidebar ul ol {
    margin:5px 0 0 10px;
    }

    #sidebar ul ul ul,#sidebar ul ol {
    margin:0 0 0 10px;
    }

    ol li,#sidebar ul ol li {
    list-style:decimal outside;
    }

    #sidebar ul ul li,#sidebar ul ol li {
    margin:3px 0 0;
    padding:0;
    }

    #searchform {
    text-align:center;
    margin:10px auto;
    padding:5px 3px;
    }

    #sidebar #searchform #s {
    width:108px;
    padding:2px;
    }

    #sidebar #searchsubmit {
    padding:1px;
    }

    .entry form {
    text-align:center;
    }

    select {
    width:130px;
    }

    #commentform input {
    width:170px;
    margin:5px 5px 1px 0;
    padding:2px;
    }

    #commentform textarea {
    width:100%;
    padding:2px;
    }

    #commentform #submit {
    float:right;
    margin:0;
    }

    .commentlist {
    text-align:justify;
    padding:0;
    }

    .nocomments {
    text-align:center;
    margin:0;
    padding:0;
    }

    #sidebar form {
    margin:0;
    }

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

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

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

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

    #wp-calendar td.pad:hover {
    background-color:#fff;
    }

    acronym,abbr {
    border-bottom:1px dashed #999;
    }

    blockquote {
    padding-left:20px;
    border-left:5px solid #ddd;
    margin:15px 30px 0 10px;
    }

    blockquote cite {
    display:block;
    margin:5px 0 0;
    }

    .center {
    text-align:center;
    }

    hr {
    display:none;
    }

    a img {
    border:none;
    }

    .navigation {
    display:block;
    text-align:center;
    margin-top:10px;
    margin-bottom:60px;
    }

  4. For the background of posts in the full post view you have to manipulate the .widecolumn style.

  5. Hi,

    sorry it does not seem to work... I pasted in this
    "background:url('http://pswsoapbox.files.wordpress.com/2008/02/background4.gif') repeat-y top;" to the .widecolumn portion but still the problem remains. Here's a link to show what I am talking about...

    http://justrambling.wordpress.com/files/2008/02/error.gif

    Thanks for the help...

  6. I tried to play around with the code you posted here, but there are too many changes at once: I'm afraid there's no quick fix. Backup your code and start from scratch using the option "Add to existing CSS". Modify first only the "#header" element, then look at the result. Then go on with "#page" and ".widecolumn".

  7. Hey, I think it's problem that lies with Kubrick... I changed to Neat and applied the changes and they work...

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.