http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 20 Jun 2013 12:29:44 +0000 http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23664 Tue, 01 Nov 2011 17:40:28 +0000 simonafilote 23664@http://themeshaper.com/forums/ <p>Hey, you were right, I removed the dots and it worked! Thanks for helping me out :) </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23661 Tue, 01 Nov 2011 14:54:27 +0000 helgatheviking 23661@http://themeshaper.com/forums/ <p>simona,</p> <p>your code looks good, but make sure that the <em>path</em> to the file name is correct. </p> <p>if you've added this code to your theme's style.css and your images are in a folder called 'images' (in the root of your theme) then your path should actually be:</p> <pre><code>background: url(&quot;images/pencil1.png&quot;) no-repeat scroll 0 2px #FFFFFF;</code></pre> <p>the ../ means go UP one level from where you are (style.css) so no doubt it isn't finding the image folder. you can see that in firebug too usually as you'll get 404/not found errors. </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23660 Tue, 01 Nov 2011 14:07:26 +0000 simonafilote 23660@http://themeshaper.com/forums/ <p>Hi Helga</p> <p>Many thanks for your answer. In fact I had taken a look at the example site's CSS through Firebug, and what I found is the following:</p> <p>To add an image besides the tag links, I guess this is the code. I added it in my style.css and that created some space right before the tag-links in the postfooter where the small image should come, but the image itself doesn't appear...what am I missing? I double checked the image name to make sure it's right.</p> <p>#content .entry-utility .tag-links {<br /> background: url("../images/pencil6.png") no-repeat scroll 4px 1px #FFFFFF;<br /> padding: 0 8px 0 32px;<br /> }</p> <p>---------<br /> To add the image before the comment count, I copy/pasted this code in the style.css but there is no effect at the frontend...not even some space as in the first case.</p> <p>#content .entry-utility .comment-link {<br /> background: url("../images/pencil1.png") no-repeat scroll 0 2px #FFFFFF;<br /> padding: 0 11px 0 18px;<br /> }</p> <p>What do you think?</p> <p>Simona </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23657 Mon, 31 Oct 2011 15:28:12 +0000 helgatheviking 23657@http://themeshaper.com/forums/ <p>why don't you take <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> or chrome's developer tools and examine what that site is doing? and then copy it? it is only a little CSS background image in conjunction with some left padding. </p> http://themeshaper.com/forums/topic/adding-images-next-to-postfooter-elements#post-23656 Mon, 31 Oct 2011 12:11:31 +0000 simonafilote 23656@http://themeshaper.com/forums/ <p>I've just started with WP and I'm a complete dummy with CSS and PHP but yet I'm keen to customise and style the blog theme as I wish... </p> <p>I've been searching for days for some solution to add a small speech bubble next to the comments count displayed in the postfooter of each post. Also, I'd like to add a graphic next to the other two elements displayed in the postfooter (post category and tags), something like it's being displayed on this blog: <a href="http://www.blago.net/baking/." rel="nofollow">http://www.blago.net/baking/.</a></p> <p>My blog is crumbsofjoy.co.cc</p> <p>I would really appreciate your help with this.</p> <p>Simona </p>