WordPress.com Forums » Topic: Changing the colour of the date-of-post circle for Bueno http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1 WordPress.com Forums » Topic: Changing the colour of the date-of-post circle for Bueno en Wed, 19 Jun 2013 14:51:03 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-871901 Wed, 25 Apr 2012 02:58:56 +0000 designsimply 871901@http://en.forums.wordpress.com/ There's a nifty way to change the colour of the date-of-post circle in the Bueno theme without an image:

.post .date {
	background: black;
	border-radius: 50%;
}

This example will not work for IE8 and lower because "border-radius" isn't supported in older Internet Explorer versions. However, the date would still be readable and appear as a black square just in those older Internet Explorer browser versions if anyone viewing your site is still using browsers that old.

]]> nigelfeatherstone on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870857 Mon, 23 Apr 2012 20:51:11 +0000 nigelfeatherstone 870857@http://en.forums.wordpress.com/ Thanks heaps, sacredpath. That worked a treat. Turned out to be pretty simple after all! Cheers, Nigel

]]> thesacredpath on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870452 Mon, 23 Apr 2012 10:21:46 +0000 thesacredpath 870452@http://en.forums.wordpress.com/ Nigel, sorry for the "she." I didn't look at your username.

Create the image. You will want to make it a PNG with a transparent background (71px x 71px), upload the image to your media library, get the URL of that image and then replace the URL in the following background declaration (between the double quote marks) in your CSS.

.post .date {
background: url("http://verityla.files.wordpress.com/2012/01/vl-date-circle.jpg") no-repeat scroll left top transparent;
}
]]> nigelfeatherstone on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870408 Mon, 23 Apr 2012 08:52:39 +0000 nigelfeatherstone 870408@http://en.forums.wordpress.com/ Thanks all, though I'm not sure where I'm at with this. (PS I'm a dude.) Basically someone very helpful before - I think it was you, thesacredpath - helped me create a square and then I made it blue as an image. However, now all I want to do is change that blue to another image. Do I need to write a new CSS code, or change the one I've got? Thanks in advance. Cheers, Nigel

]]> thesacredpath on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870393 Mon, 23 Apr 2012 08:09:45 +0000 thesacredpath 870393@http://en.forums.wordpress.com/ Yes, but she specifically asked,

...change the colour of the date-of-post circle...

She has obviously figured things out to her liking since the dark blue square that she is using is actually an image she created.

]]> joshidaniel on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870365 Mon, 23 Apr 2012 06:25:21 +0000 joshidaniel 870365@http://en.forums.wordpress.com/ @thesacredpath i tried it before on my blog and it was working and http://verityla.com/ is having a square box and not the default round image.

]]> thesacredpath on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870363 Mon, 23 Apr 2012 06:05:48 +0000 thesacredpath 870363@http://en.forums.wordpress.com/ @joshidaniel, that won't work in Bueno. The circle in Bueno is an image. The background: #000; would give a black rectangle.

]]> joshidaniel on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870359 Mon, 23 Apr 2012 06:01:27 +0000 joshidaniel 870359@http://en.forums.wordpress.com/ Can you try this:

.post .date {<br /> background:#000;<br /> }

]]> timethief on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870099 Sun, 22 Apr 2012 20:58:02 +0000 timethief 870099@http://en.forums.wordpress.com/ A simple forum search produced this thread > http://en.forums.wordpress.com/topic/bueno-changing-colors?replies=18#post-578090

]]> nigelfeatherstone on "Changing the colour of the date-of-post circle for Bueno" http://en.forums.wordpress.com/topic/changing-the-colour-of-the-date-of-post-circle-for-bueno-1#post-870091 Sun, 22 Apr 2012 20:49:08 +0000 nigelfeatherstone 870091@http://en.forums.wordpress.com/ Hi, anyone know how to the change the colour of the date-of-post circle in the Bueno theme?

The blog is http://verityla.com/.

I'm hoping to change the blue to a custom black.

Thanks in advance!

]]>