• Hey everyone,
    I’m running Wordpres 2.8.4 with the TMA (the morning after) theme.

    If you go to my blog

    wwww.sagacity-llc.com/blog you will see that there are no icons next to the recent posts. How can I add an icon so that it shows up for all the recent posts?

    Thank you for your replies ahead of time

Viewing 7 replies - 1 through 7 (of 7 total)
  • Try uploading a 16px x 16px icon image (latest.gif) to your theme’s images folder. Then edit style.css and add.

    .latest_post h3.mast {
    padding-left:20px;
    min-height:16px;
    background:url(images/latest.gif) no-repeat left center;
    )
    Thread Starter groogruxking40

    (@groogruxking40)

    where do i add this in the stylesheet?
    doess it matter?

    Thread Starter groogruxking40

    (@groogruxking40)

    this is what my latest post section of the stylesheet looks like

    #home_content { margin: 1.5em 0; }

    /* latest post */

    #latest_post { padding: 0 0 1.5em 0; }
    #latest_post_image img { margin: 0 0 0.2em 0; }
    .latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
    .latest_post_meta a { font-weight: bold; }
    .latest_post_meta a:hover { text-decoration: underline; }
    .latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
    .latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
    .latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

    where would I insert it.. also, 16×16 isnt big enough, I need it to be 48x48px

    thanks

    Just add it to the bottom of style.css. Adjusted for a 48 x 48 icon

    .latest_post h3.mast {
    padding-left:55px;
    min-height:48px;
    background:url(images/latest.gif) no-repeat left center;
    )
    Thread Starter groogruxking40

    (@groogruxking40)

    I put it at the very end of the stylesheet and still nothing…
    it shows the space to the right of the post, but no icon..
    I have it in images/ too it’s a .gif, maybe a .jpg

    these are the subfolders in images for my theme

    bg, featured, latest, thumbs

    currently the latest.gif is sitting in the /images along with these folders

    Thank you for all your help, so close

    My bad. It should be:

    #latest_post h3.mast {
    padding-left:55px;
    min-height:48px;
    background:url(images/latest.gif) no-repeat left center;
    )

    Sorry about that.

    Thread Starter groogruxking40

    (@groogruxking40)

    hey thank you, it worked but now I have another issue

    https://sagacity-llc.com/blog/

    you see the top banner? well now it is overlapping over the CONTACT link, I think this is because of the stylesheet changes. How would I go about dropping it down so it looks normal again?

    thank you esmi

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing Recent Post Icon’ is closed to new replies.