Support » Theme: Spun » Time stamp the post

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator Andrew Nevins

    (@anevins)

    Looks doable.

    First set up a Child Theme: http://codex.wordpress.org/Child_Themes

    Ok I have one installed

    Moderator Andrew Nevins

    (@anevins)

    Copy “content-home.php” from the Spun theme and paste it into your Child Theme folder

    Moderator Andrew Nevins

    (@anevins)

    Then try replacing all of the code from that file with the code in this PasteBin page: http://pastebin.com/WZKW1EvW

    Moderator Andrew Nevins

    (@anevins)

    Then add this to the bottom of your Child Theme style.css file:

    /* Date under circles */
    .blog .hentry {
        margin-bottom: 2em;
        text-align: center;
    }
    
    .hentry.no-thumbnail {
        overflow: visible;
        opacity: 1;
        background: none;
    }
    
    .hentry.no-thumbnail a {
        opacity: .2;
        background: #444;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    
    .hentry.no-thumbnail a:hover {
        opacity: 1;
    }
    
    .hentry .date {
        display: block;
        margin-top: .3em;
        color: #666;
        white-space: nowrap;
    }

    Not sure if I’m doing something wrong but it doesn’t work it
    just made my red circles gray

    Moderator Andrew Nevins

    (@anevins)

    Could you link to a page with the issue?

    Moderator Andrew Nevins

    (@anevins)

    Oh in your case add this to the bottom of your Child Theme style.css file instead of the CSS I recommended above:

    /* Date under circles */
    .blog .hentry {
        margin-bottom: 2em;
        text-align: center;
    }
    
    .hentry.no-thumbnail {
        overflow: visible;
        opacity: 1;
        background: none;
    }
    
    .hentry.no-thumbnail a {
        background: #F70202;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    
    .hentry.no-thumbnail a:hover {
        background: #444;
    }
    
    .hentry .date {
        display: block;
        margin-top: .3em;
        color: #666;
        white-space: nowrap;
    }

    Note: You can use either a Child Theme style.css file or Custom CSS plugin to hold your CSS modifications.

    Moderator Andrew Nevins

    (@anevins)

    As you’ve created a Child Theme you need to copy over the “inc” folder to your Child Theme folder. That’s just so that Spun can find the “desaturate.svg” file that’s needed to help Firefox understand some CSS.

    ok sorry I’m a little confused. Thanks for the code to insert the date under the circle for when the post was published but I’m confused at the steps. Do I just copy and paste the code or based on your responses do I have to do something prior to that? I ask because when I pasted the code it’s not working

    Moderator Andrew Nevins

    (@anevins)

    These are all the steps you need to take after you’ve set your Child Theme up, in order:

    1. Copy “content-home.php” from the Spun theme and paste it into your Child Theme folder
    2. Replace all of the code in your “content-home.php” Child Theme file with the code from this PasteBin page: http://pastebin.com/WZKW1EvW
    3. Add the CSS from this post to the bottom of your Child Theme style.css file

    I followed the steps but it only time stamped one of the circles. Instead am I able to place the word “recent” with a small arrow pointing toward the right. My most recent post is death to the old me.

    Oh one more thing I still have the older version of spun 1.0.7

    Moderator Andrew Nevins

    (@anevins)

    Can you activate your Child Theme again?

    My child theme is active

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Time stamp the post’ is closed to new replies.