Blog Simple: background color change

• 

  margaretrosestringer · Member · Sep 25, 2014 at 11:29 am

  • Copy link
  • Add topic to favorites

  I need to be able to pick up code for the rest of the square comprising the top ‘buttons’ on each post listed, thus:
  http://snag.gy/UzIT5.jpg
  and also the comments number circle’s background, thus:
  http://snag.gy/TNkJn.jpg
  so as to be able to meld both images entirely into the changed b.g. color.
  Can someone help with this, please …?

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

• 

  margaretrosestringer · Member · Sep 25, 2014 at 11:31 am

  • Copy link

  SORRY ! – I forgot the ‘home’ image at the bottom of each page:
  

• 

  margaretrosestringer · Member · Sep 25, 2014 at 11:33 am

  • Copy link

  http://snag.gy/h7pT6.jpg
  Sighh … I really am sorry: the nav selection image, too …

• 

  hallluke · Member · Sep 25, 2014 at 12:24 pm

  • Copy link

  Those sections can’t be changed with CSS alone as they’re all images. Here are the image URLs.

  http://s0.wp.com/wp-content/themes/premium/blog-simple/images/hentry-top.png
  
  
  http://s0.wp.com/wp-content/themes/premium/blog-simple/images/ico-pencil-neg.png

  If you upload new images to your media library you can replace them (in order) with the following code:

  .hentry-top {
    background-image:url("SEMICIRCLE_IMAGE_URL");
  }
  
  .entry-header .comments-link a {
    background-image:url("COMMENT_BUBBLE_IMAGE_URL");
  }
  
  .home-link a {
    background-image:url("BARCODE_IMAGE_URL");
  }
  
  .top-page .main-navigation > div > ul > li.current-menu-item > a:before,
  .top-page .main-navigation > div > ul > li.current_page_item > a:before {
    background-image:url("PENCIL_IMAGE_URL");
  }

• 

  margaretrosestringer · Member · Sep 25, 2014 at 12:26 pm

  • Copy link

  Thank you very much, Luke. I hadn’t thought you’d still be there, as you seem to’ve been around all bloody day ! Lord knows what time it is wherever you are. [grin]
  I really appreciate this !!!

• 

  margaretrosestringer · Member · Sep 25, 2014 at 7:30 pm

  • Copy link

  Having now staggered out of bed, fed the cat and had my first coffee of the day, am able to ask the following:
  from where do the files come ?
  Do I enter the URL and find a little image in Chrome, and save it ?
  If that’s the case, how come the first one looks like this :
  http://snag.gy/blPls.jpg
  ?

• 

  hallluke · Member · Sep 25, 2014 at 7:36 pm

  • Copy link

  The files have transparent sections so they look a little weird. My advice if you know exactly what colours you want is to re-create them with solid colours and no transparency. You should keep them the same sizes as the originals though!

• 

  margaretrosestringer · Member · Sep 25, 2014 at 8:13 pm

  • Copy link

  OK … that’ll keep me off the streets for a bit, eh ?
  :-
  Thanks again, Luke.

• 

  margaretrosestringer · Member · Sep 25, 2014 at 8:15 pm

  • Copy link

  No: hang on … I can’t actually recreate them in the right colours – I could only do that if I had the originals.
  To copy+save a file from Chrome gives me something I can’t do ANYTHING with unless I have a sophisticated image-editing program …