Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Looks doable.
First set up a Child Theme: http://codex.wordpress.org/Child_Themes
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Copy “content-home.php” from the Spun theme and paste it into your Child Theme folder
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Then try replacing all of the code from that file with the code in this PasteBin page: http://pastebin.com/WZKW1EvW
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Could you link to a page with the issue?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
These are all the steps you need to take after you’ve set your Child Theme up, in order:
- Copy “content-home.php” from the Spun theme and paste it into your Child Theme folder
- Replace all of the code in your “content-home.php” Child Theme file with the code from this PasteBin page: http://pastebin.com/WZKW1EvW
- 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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you activate your Child Theme again?
