Need help? Check out our Support site, then


End of Post Image

  1. 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 dietitianduo.com.

  2. 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;
    }
  3. 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?

  4. 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;
    }
  5. And actually just add this to the existing that we had put in for the image.

    padding-bottom: 8em;

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags