Changing the colour of the date-of-post circle for Bueno

• 

  nigelfeatherstone · Member · Apr 22, 2012 at 8:49 pm

  • Copy link
  • Add topic to favorites

  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!

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Apr 22, 2012 at 8:58 pm

  • Copy link

  A simple forum search produced this thread > https://en.forums.wordpress.com/topic/bueno-changing-colors?replies=18#post-578090

• 

  joshidaniel · Member · Apr 23, 2012 at 6:01 am

  • Copy link

  Can you try this:

  .post .date {
background:#000;
}

• 

  thesacredpath · Member · Apr 23, 2012 at 6:05 am

  • Copy link

  @joshidaniel, that won’t work in Bueno. The circle in Bueno is an image. The background: #000; would give a black rectangle.

• 

  joshidaniel · Member · Apr 23, 2012 at 6:25 am

  • Copy link

  @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 · Member · Apr 23, 2012 at 8:09 am

  • Copy link

  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.

• 

  nigelfeatherstone · Member · Apr 23, 2012 at 8:52 am

  • Copy link

  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 · Member · Apr 23, 2012 at 10:21 am

  • Copy link

  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 · Member · Apr 23, 2012 at 8:51 pm

  • Copy link

  Thanks heaps, sacredpath. That worked a treat. Turned out to be pretty simple after all! Cheers, Nigel

• 

  designsimply · Member · Apr 25, 2012 at 2:58 am

  • Copy link

  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.