Theme will not recognize customizations

  • Unknown's avatar

    I tried customizing the CSS style sheet (I know very little about HTML and CSS) and after making some changes the theme will not recognize a custom background image. I am considering deleting the entire page and starting over from scratch.

    What do you recommend?

    Thank you,
    Amanda
    Blog url: http://tellingfamilystories.wordpress.com/

  • It looks like quite a few custom CSS changes have been accepted. Are you still having trouble?

  • Unknown's avatar

    When I adjusted the CSS style sheet it accepted my changes, but now if I try to reload my custom background it won’t recognize it. It is the only image the themes won’t recognize.
    Yes, I am still having trouble.

  • You actually have a specific background defined in your CSS which is overriding anything that you upload.

    If you remove that, it should be fine.

  • Unknown's avatar

    How do remove the background override?

    Thanks for the help!

  • Try removing the background line from:

    body {
    background:#4C0A0A url('./images/bg.gif');
    color:#77756B;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:62.5%;
    line-height:1.7;
    margin:0;
    }
  • Unknown's avatar
  • Unknown's avatar

    On the bottom of the main page there is a small image just under the comment link section that is justified to the left and I cannot figure out how to center it….can you help?

  • Try something like this:

    img.pmark{text-align:center;}

  • Unknown's avatar

    Below is what I see in my CSS style sheet. I can’t fine the “pmark” image anywhere….
    Where would I add what you suggested?

    #content img {
    margin:5px;
    }

    #content {
    width:450px;
    overflow:hidden;
    padding:20px;
    }

    #footer {
    color:#888;
    font-size:.8em;
    margin-top:20px;
    padding:3px;
    }

    #header {
    margin-top:40px;
    margin-left:40px;
    font-size:1em;
    margin-bottom:5px;
    }

    #sidebar {
    margin-top:40px;
    color:#eee;
    float:left;
    margin-left:-40px;
    width:170px;
    }

    #wrap {
    float:left;
    width:612px;
    margin-top:-20px;
    background:#FEFCFA url(‘./images/bodybg.png’) repeat-y;
    }

    * html body #wrap {
    background:#FEFCFA url(‘./images/bodybg.gif’) repeat-y 0;
    }

    #sidebar h2 {
    color:#EADED3;
    font-size:1.4em;
    margin-bottom:10px;
    font-weight:normal;
    }

    #header h1 {
    display:inline;
    font-size:2.8em;
    line-height:1;
    font-weight:normal;
    letter-spacing:-2px;
    margin:0;
    }

    #header h1 a {
    color:#5F1010;
    }

    #header h1 a:hover {
    color:#86827A;
    }

    h2 {
    font-size:1.5em;
    padding-right:5px;
    }

    h3 {
    font-size:1.2em;
    }

    .entrytitle h2,.entrytitle h3 {
    display:inline;
    font-weight:normal;
    }

    .entrytitle h2 {
    color:#C04422;
    font-family:Sylfaen, Georgia, “Times New Roman”, Times, serif;
    font-size:1.5em;
    }

    .entrytitle h3 {
    font-family:”Century Gothic”, Helvetica, arial;
    font-weight:normal;
    }

    .entrymeta {
    background:url(‘./images/swirl.png’) no-repeat 50%;
    clear:both;
    color:#666;
    font-size:.8em;
    padding:3px 3px 70px;
    }

    .sticky .entrytitle {
    background:#5F1010;
    padding-left:5px;
    }

    .sticky .entrytitle a {
    color:#FEFCFA;
    }

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

    #sidebar ul li a {
    color:#fff;
    }

    #sidebar ul li a:hover {
    color:#fffab8;
    }

    a {
    text-decoration:none;
    color:#8E7D6C;
    }

    .entry a {
    font-weight:bold;
    }

    a:hover {
    color:#9e9e9e;
    }

    #footer a {
    color:#9A8F95;
    font-weight:bold;
    }

    .navigation {
    text-align:center;
    padding:3px;
    }

    .navigation a {
    color:#8E7D6C;
    }

    #header p {
    color:#86827A;
    font-size:1em;
    margin:0;
    }

    .entry {
    font-size:1.1em;
    margin:5px;
    padding:0 10px;
    }

    .entrytitle a {
    color:#8C4A4A;
    text-decoration:none;
    }

    .entrytitle a:hover {
    color:#aC4A4A;
    }

    .entrymeta a {
    color:#666;
    }

    code {
    font-size:1.1em;
    }

    .commentsblock {
    margin:5px;
    padding:10px;
    }

    .commentsblock textarea {
    width:100%;
    }

    .commentauthor {
    display:block;
    font-size:1.5em;
    }

    .even {
    background:#fefcfa;
    border:1px solid #fefcfa;
    }

    .alt {
    background:#FCFAF4;
    border:1px solid #FCFAF4;
    padding:5px;
    }

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

    .commentlist li .children {
    list-style-type:none;
    }

    #respond label {
    font-size:10px;
    clear:right;
    }

    #respond input[type=text] {
    float:left;
    margin-right:6px;
    }

    #respond p {
    line-height:24px;
    }

    #respond .comment-form-comment label,#respond .form-allowed-tags {
    display:none;
    }

    #respond .required {
    font-size:10px;
    margin-left:5px;
    color:#ff4b33;
    font-weight:bold;
    }

    #respond .subscribe-label {
    font-size:12px;
    }

    #respond .comment-notes {
    font-size:11px;
    }

    img.centered,img.aligncenter,#content img.aligncenter {
    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;
    }

    .aligncenter,div.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

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

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

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

  • You’ll need to add that bit to your stylesheet.

  • Unknown's avatar

    Where do I add that bit? I tried just adding it at the end and it didn’t work…

    Thank you very much for your help, by the way. I really appreciate it.

  • Try adding it right below that last bit, so you’ll have:

    .wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    }
    
    img.pmark {
    text-align:center;
    }
  • The topic ‘Theme will not recognize customizations’ is closed to new replies.