End of Post Image

  • Author
    Posts
  • #766185

    dietitianduo
    Member

    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.

    #766350

    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;
    }
    #766425

    dietitianduo
    Member

    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?

    #766432

    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;
    }
    #766433

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

    padding-bottom: 8em;

The topic ‘End of Post Image’ is closed to new replies.