Posted 2 years ago #
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
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;
)
Posted 2 years ago #
where do i add this in the stylesheet?
doess it matter?
Posted 2 years ago #
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, 16x16 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;
)
Posted 2 years ago #
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.
Posted 2 years ago #
hey thank you, it worked but now I have another issue
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
This topic has been closed to new replies.
