Comments on: How to Change the RSS Feed Link to an Image with Thesis Theme

By: Mahindra

Mahindra — Fri, 15 Oct 2010 14:35:48 +0000

No worries Brendan,

Thought it would be nice to break it down “newbie” style as much as I could since I am one.

Take care

By: Brendan Wenzel

Brendan Wenzel — Thu, 07 Oct 2010 22:58:27 +0000

Thank you so much for contributing to the discussion here. I did this post quite some time ago and should go back to redo some of that code. Thanks again and so happy to have you share your thoughts here.

By: Mahindra

Mahindra — Sat, 02 Oct 2010 07:53:34 +0000

Hi, just lending a helping hand to those who are still wondering how to a) remove the “subscribe” text from being shown and b) how to reposition the rss image. In no way am I an expert. It took me half an hour just to get this right but if I can help, great! I’m a newbie so I’ll use newbie language, forgive me.

I too wanted to remove the subscribe text cause I didn’t have enough space in my nav menu and the whole rss subscribe was being displaced to the bottom.

1) So I got an orange rss symbol somewhere on the web, I used photoshop to resize the image to 27 px by 27px.

2) I uploaded the image (of course) to my image folder.

3) I added this exact code to the custom.css:
.custom .menu .rss a { padding-right: 0px; margin-right: 3px; margin-top: -5px; background: url(http://www.experienceserenity.com/images/rss-orange-small.png) 100% 50% no-repeat; border: none; width: 28px; height: 28px; text-indent: -9999px}
.custom .menu .rss a:hover {opacity:0.8;}

** I didn’t know what Brendan’s original hover code was supposed to do and plus I didn’t have his images so I just decided to make it go a lighter shade of orange when I hover over it.

and, if you look at my site http://www.experienceserenity.com, you will see that there was very little space in the right corner between the nav menu and the edge of the page so I had to position it like I did and size it like I did.

Oh by the way, to get the “subscribe” text to disappear, a couple of you mentioned that deleted the word in the thesis options does not do anything for it and were right. I too tried this several times.

So , Brendan’s suggestion to use the text indent: -9999px worked, as you can see in my css code.

Hope this helps real newbies like me.

And THANKS Brendan for the original idea and code. Hope I didn’t hijack this thread..

Peace

By: Melissa

Melissa — Mon, 01 Mar 2010 01:45:09 +0000

Hi Brendan,
I seem t be doing something really wrong, plus Thesis isn't co-operating. This is the code with the minor tweaks I made to reflect my image size. Please note the image is the same for both commands because I WANT the image to be the same.
.custom .menu .rss a { padding-right: 16px; margin-bottom: -10px;
background: url('images/iconrss.png') 100% 50% no-repeat; border: none;
width: 56px; height: 60px; }
.custom .menu .rss a:hover { padding-right: 16px; margin-bottom: -10px;
background: url('images/iconrss2.png') 100% 50% no-repeat; border: none;
width: 56px; height: 60px; }

That said, Thesis will not remove the Subscribe text. I remove it, hit save and it's back.

You can see the result of this problem here: http://www.theinnocentabroad.com

suggestions?

By: KewlGadget 4 Great Gadgets

KewlGadget 4 Great Gadgets — Fri, 04 Dec 2009 00:02:00 +0000

Very interesting. Thanks for the tips. .-= KewlGadget 4 Great Gadgets´s last blog ..Multi-Directional Drive Car – The Nissan Pivo 2 =-.