Need help? Check out our Support site, then


Reddle Date Circle

  1. Hi,

    I would like to remove the date circle in the Reddle on the top left and just have a simple date line on the bottom of every post.

    Something that reads:

    "Nov 30, 2013 under [insert category]"
    at the end of every post.

    I figured out a way to get rid of the date circle completely, but I need a date on there somewhere.

    The blog I need help with is thepursuitoflovely.com.

  2. Removing the circle is easy. Turning the date to a single line, and turning "Posted in" to "under", are possible.
    You cannot make the year show up, or literally turn the whole thing into a single line (this would be PHP, not CSS). You can probably position the categories next to the date (I haven't tried it yet), but it won't look perfect: the space after the comma will vary, depending on the characters of each date.
    So, what alternative would you settle for? Date and cat side by side, but in separate boxes (with no comma after the date)? Date below cat? Date left and cat right or vv?

  3. This is one possible example to get you started. It will move the date from the circle on the left to the bottom of the post:

    .secondary footer .permalink {
    	left: 0;
    }
    footer .permalink .month {
    	display: inline;
    }
    footer .permalink .day {
    	display: inline;
    	font-size: 1em;
    	padding: 4px;
    }
    footer .permalink:hover,
    footer .permalink:focus,
    footer .permalink:active {
    	color: inherit;
    	color: inherit;
    }
    footer .permalink,
    .image-attachment #content footer .permalink {
    	background: none;
    	margin-left: .8em;
    	position: relative;
    	top: inherit;
    	bottom: -0.5em;
    }
    footer .permalink:before,
    .image-attachment #content footer .permalink:before {
    	content: "Posted on ";
    }
    .edit-link {
    	float: right;
    }

    You may need to add a few extra rules if you want to adjust the style of the font, so you should continue to experiment using the example above to start.

    Also, justpi was correct that there is not a way to add dynamic content such as the post year using CSS only.

Topic Closed

This topic has been closed to new replies.

About this Topic