End of Post Image

• 

  dietitianduo · Member · Dec 1, 2011 at 3:18 am

  • Copy link
  • Add topic to favorites

  At the end of each post, there’s a small image that’s automatically inserted. Is there a way to customize that image with css?

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

• 

  thesacredpath · Member · Dec 1, 2011 at 4:27 am

  • Copy link

  Here is the original image for reference:
  http://s0.wp.com/wp-content/themes/pub/bouquet/images/post-ornament.png

  Create your own image, upload it to your media library, get the URL of that image and then add the following to your CSS and replace the URL OF IMAGE between the double quote marks with the URL of your image.

  #content article {
  background: url("URL OF IMAGE") no-repeat scroll center bottom transparent;
  }

• 

  dietitianduo · Member · Dec 1, 2011 at 4:12 pm

  • Copy link

  Thanks! It worked but the image overlaps with the Leave a Comment Text. Is there any way I can move it down slightly?

  I’d also like to change the background color of the content container and the side bar. If possible, I want to adjust the orange at the top (where the pages are listed) as well as the orange in the search bar to match the orange in my logo better. If possible, I would change the search field to white instead of that muted orange.

  Any tips?

• 

  thesacredpath · Member · Dec 1, 2011 at 6:20 pm

  • Copy link

  Yes there is. Change the bottom padding in #content article. I’ve put 8em in just as a placeholder (originally 4em). Also, you can use decimals as well such as 8.5em or 8.75em.

  #content article {
  padding-bottom: 8em;
  }

• 

  thesacredpath · Member · Dec 1, 2011 at 6:21 pm

  • Copy link

  And actually just add this to the existing that we had put in for the image.

  padding-bottom: 8em;