Editing Post-title Image

• 

  splocal1 · Member · Jun 13, 2011 at 7:50 pm

  • Copy link
  • Add topic to favorites

  Hi I am trying to edit the post-title image on my blog. I can locate the image in the CSS however if I copy and past all original CSS into the editing section I lose all images and reference links. Is there some way I can edit this with out losing all the links and other images. My blog is on beer and the little flower next to my post just doesnt flow. Id like to either have a small beer icon in place of the flower or have nothing.

  here is the CSS code

  .post {
  margin-bottom: 40px;
  }
  .post-title {
  background: url(images/postflowerback.png) no-repeat;
  padding: 0 0 0 30px;
  color: #21B6A8;
  font: normal 24px/1.5 “Arial Narrow”, sans-serif;

  all I want to do is change that Png file to my own png but how can I edit this with out losing all the other images?
  Please help

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

• 

  designsimply · Member · Jun 13, 2011 at 8:08 pm

  • Copy link

  This page has an explanation about why copying and pasting the original CSS into a new location doesn’t work: http://en.support.wordpress.com/editing-css/#maintaining-your-custom-header

  Try this except change the URL to a new image that you upload into your media library:

  .post-title {
  background: url(http://southbaybeer.files.wordpress.com/2011/06/hop_edited-1_256.jpg?h=30) no-repeat;
  }