WordPress.com

1. jtur001
   Member
   Jun 23, 2009, 12:24 AM

   Hello everyone,

   I would like to place an RSS Feed Icon in my sidebar, and I have no problems doing that (the instructions in the thread in the link below worked fine for me), but when I do the icon has an blue square border around it, making it so ugly that I can't use it.

   #1 http://en.forums.wordpress.com/topic/frustrated-trying-to-get-an-rss-feed-and-button-attached?replies=7

   I realize that setting a border to "0" usually does the trick, but there's no option to do this with the html in this particular text widget.

   Any help would be much appreciated. Unfortunately, all I could find on this problem was this 3 year-old thread below, which died after only 2 replies!

   http://en.forums.wordpress.com/topic/rss-feed-image-border?replies=3#post-10944

   Changing themes is not an option unfortunately, because Journalist 1.3 is seriously the only one on WordPress.com that I could ever use!

2. t3ck
   Member
   Jun 23, 2009, 12:47 AM

   create new post then paste the image from the widget in HTML mode then switch back to visual mode then click on the image edit icon the click advance settings look for the word border then add a zero then click save at the bottom here is a screen shot of the instructions

3. jtur001
   Member
   Jun 23, 2009, 1:44 AM

   Thanks a lot. I'm still doing some playing around with it, but that definitely got me started!

4. jtur001
   Member
   Jun 23, 2009, 2:04 AM

   Almost finished, but for the life of me I can't figure out how to remove that grey line under the feed icon. Can anybody also help me with that please?

5. t3ck
   Member
   Jun 23, 2009, 2:16 AM

   The Grey line is part of the themes design.

6. jtur001
   Member
   Jun 23, 2009, 2:24 AM

   I thought so! No problem though, it's just a minor thing. And thanks again for your help.

7. thesacredpath
   Member
   Jun 23, 2009, 2:27 AM

   I saw a couple small issues in your code, so I've corrected it and also added "text-decoration: none; which should get rid of the underline.

   <h3>
   Subscribe
   <a href="http://thegrandnarrative.wordpress.com/feed/">
   <img width="14" height="14" alt="" src="http://faq.files.wordpress.com/2006/11/a14.png" style="border:0 none;text-decoration:none;" /></a>
   </h3>

8. thesacredpath
   Member
   Jun 23, 2009, 2:28 AM

   Let's try this again. My previous code broke things up onto two lines.

   <h3>Subscribe<a href="http://thegrandnarrative.wordpress.com/feed/"><img style="border:0 none;text-decoration:none;" src="http://faq.files.wordpress.com/2006/11/a14.png" alt="" width="14" height="14" /></a></h3>

9. t3ck
   Member
   Jun 23, 2009, 3:06 AM

   You're welcome!

10. jtur001
    Member
    Jun 23, 2009, 5:11 AM

    Thanks thesacredpath, but I've pasted your corrected version (plus a space between the text and the icon) and the grey line is still there.

11. thesacredpath
    Member
    Jun 23, 2009, 5:22 AM

    Hmmm, the text decoration none should have overridden the CSS styling. I'll play with it in a little while and post back here if I find a solution.

12. jtur001
    Member
    Jun 23, 2009, 5:28 AM

    I'm off to work here in Korea, so no rush! But thanks for looking into it.

13. thesacredpath
    Member
    Jun 23, 2009, 6:33 AM

    @jtur001, the following code works in my test blogs (no line under the image) in both Safari 4 and Firefox 3. In your source code, I'm seeing a couple little differences and it may be that those differences are what is making the line appear on your blog. Paste the following into the text widget and see what happens. Like I said, I'm not seeing the underline on my test blog, but I am seeing it on yours.

    <h3>Subscribe <a href="http://thegrandnarrative.wordpress.com/feed/"><img style="border:0 none;text-decoration:none;" src="http://faq.files.wordpress.com/2006/11/a14.png" alt="" width="14" height="14" /></a></h3>

14. jtur001
    Member
    Jun 23, 2009, 11:19 AM

    It's strange that the same code produces different results on different blogs!

    Unfortunately, that latest attempt also doesn't seem to remove the grey line. I'm using Firefox 3.0.11 by the way, and for good measure also checked things on Google Chrome 2.0.172.33, IE 8, Safari 4, and even Opera 9.64, but it's on all of those too. Sigh.

    Oh well. It doesn't look THAT bad really! :) And thanks for trying to help.

15. thesacredpath
    Member
    Jun 23, 2009, 4:01 PM

    Strange indeed. All I can do is shrug.

    You're welcome.

Topic Closed

This topic has been closed to new replies.