WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Background on Archived posts (3 posts)

  1. IslandOwl
    Member
    Posted 2 years ago #

    I am using Adventure Journal theme at DancingUpsideDown.com. Can someone please help me out with the correct CSS I need to edit to fix a problem?

    I am using the crumpled paper background on "all posts". That is a setting that can be set in the theme's options. But that is not the way it is working. It works fine on the posts if you just scroll through them. But any older posts that you get to any other way do not have that background. If you go via a post's permalink, or by searching, or by archive or category the post will show up with the plain background. Interestingly, the excerpts on the archive and category pages will have the correct background but when you click on the excerpt to read more it reverts to the plain background.

    I assume it is something in the code below (which is from the theme's style sheet) but I can't understand what.

    .paper-all .post, .bypostauthor { padding:10px; background:#fae8d4 url(images/paper-crumpled.jpg); border:1px solid #dacfba; box-shadow:3px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
    .paper-all .post .entry-utility { background:rgba(198, 180, 153, .5); }
    .paper-all .post .tape, .paper-all .bypostauthor .tape { position:absolute; width:59px; height:69px; z-index:3; background:url(images/tape.gif) no-repeat; opacity:0.7; filter:alpha(opacity=70); z-index:13; }
    .paper-all .post .tape.tr, .paper-all .bypostauthor .tape.tr { right:-18px; top:-20px; }
    .paper-all .post .tape.bl, .paper-all .bypostauthor .tape.bl { left:-20px; bottom:-30px; }

    TIA

  2. IslandOwl
    Member
    Posted 2 years ago #

    Did I scare everyone off by posting that code? Sorry if I did! The key seems to be the line:

    .paper-all .post, <strong>.bypostauthor</strong> { padding:10px; background:#fae8d4 url(images/paper-crumpled.jpg);

    What should I add to another line so that all posts have the 'images/paper-crumpled.jpg' on them?

    I tried just removing .bypostauthor but that took the crumpled paper off everything. So it seems that I need to add a CSS line that replaces .bypostauthor with something that includes posts when they are navigated to via Archive, Category, or Permalink.

    Hope someone answers!

  3. IslandOwl
    Member
    Posted 2 years ago #

    Figured it out! In case someone else has this problem here is how to fix it.

    1. Make a child theme: http://codex.wordpress.org/Child_Themes
    2. Copy the single.php file from the parent Adventure Journal theme and put that in the Child Theme folder.
    3. In the single.php file:
      Replace the line
    4. <div id="main-content" <?php //ctx_aj_crinkled_paper(); ?>>
      With this line:
      <div id="main-content" <?php ctx_aj_crinkled_paper(); ?>>

Topic Closed

This topic has been closed to new replies.

About this Topic