Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » RSS, Feeds & Subscribing »

How to change the RSS and Comments icon to a bigger one???


  #1  
Old May 24, 2009, 10:58 PM
ngc
 
8 posts · May 2009
I've searched ALL the forum and I couldn't find the answer...

I want to change the default RSS Feed icon and the Comments icon to a bigger one. If I change the image in the atahualpa>Images folder they get cut off...

Please help!!!!!
  #2  
Old Jun 9, 2009, 12:29 PM
shedhed's Avatar
shedhed
 
52 posts · Mar 2009
Bramhall, UK
Hi there,

You will need to set some new CSS rules if you use larger images. This means adding a CSS insert in the Atahualpa Theme Options - HTML/CSS Inserts - CSS Inserts.

You would need to add something like:-

.comments-icon {height: 22px;}
.posts-icon {height: 22px;}

You'd need to set the 22px to suit your larger image as this is the height of the images that come with the theme. Any image over 22px in height would appear cropped; hence the need to set a larger height value.

If you are using Firefox as your browser there is an add-on called Firebug that allows you to see the underlying style rules that control the way your site appears and you can tweak settings (such as the 22px value, above) "on the fly" to see what affect they would have. The changes made in Firebug are not permanent, disappearing when you refresh the page but it allows you to determine what value is needed and then you can fix the value in your CSS insert. Firebug takes a bit of getting used to - or it did for me as a novice - but it's invaluable if you want to tweak your site.

Try the above and see if it works; if not supply a link to your site so we can take a look.

Hope this helps.


Andy
  #3  
Old Jun 14, 2009, 10:12 AM
ngc
 
8 posts · May 2009
Thanks for your reply!!!

Do I have to change only the height or the width too?? When I put the CSS insert that you told me it appears to show more of the image so I would imagine I have to change the width to a larger number, but when I do it moves the image to the top left...

My hompage is http://www.berryadictos.com but because it's live I have to put the original icons so the people don't see the cropped one...

thanks again for you reply!!!
  #4  
Old Jun 17, 2009, 03:18 PM
shedhed's Avatar
shedhed
 
52 posts · Mar 2009
Bramhall, UK
Sorry bit late with reply.

There's no need to do anything width-wise.

You may have to adjust the paddings/margins that are being applied by adding extra CSS inserts to position your icons where you want.

That's where Firebug comes in with the Firefox browser. You can see what rules are being applied to the icons and adjust them on the fly to see the effect. The changes you make are not permanent but they will allow you to determine what CSS insert you will need to add/amend.

I just went to your site and, using Firebug, changed to icons to point to larger 36px ones on my pc. By changing the line height to 36px and the padding-left to 47px then it displayed okay.

So try this:-

.comments-icon {height: 36px; padding-left: 47px;}
.posts-icon {height: 36px; padding-left: 45px;}


I note you have got a 64px height declared via your css insert, how big is the image you want to use?

Andy
  #5  
Old Jun 19, 2009, 10:27 AM
ngc
 
8 posts · May 2009
Hi There!!!!

Thanks for all the help!!!!

I'm going to try with the 36px to see if thats ok...

I wanted a big icon, something near 60x60px but I dont know if they will fit (RSS and Comments)... Whats the largest icon I can put in there so both of them will fit???

And thanks again for all your help!!!
  #6  
Old Jun 19, 2009, 10:36 AM
ngc
 
8 posts · May 2009
Thanks shedhed

Actually the 36px looks awesome!!!!!!

Thanks for taking the time...
  #7  
Old Jun 19, 2009, 12:52 PM
shedhed's Avatar
shedhed
 
52 posts · Mar 2009
Bramhall, UK
Just had a look at the icons on your site and, yes, they look good.

Glad you got it sorted.

Andy (Shedhed)

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to remove Entries RSS, Comments RSS, and Wordpress.org on sidebar streetx Sidebars & Widgets 4 Jun 21, 2009 06:49 PM
Add New Item to RSS / Email / Comments in header kesterbrewin RSS, Feeds & Subscribing 2 May 6, 2009 09:14 AM
Javascript, Adsense, RSS, and Comments Jerry RSS, Feeds & Subscribing 3 Mar 25, 2009 12:16 PM
Changing the rss and comments icons in the header section barefaced RSS, Feeds & Subscribing 0 Mar 14, 2009 08:52 AM
removing the Entries RSS, Comments RSS & Wordpress.org default links earlalger Header configuration & styling 2 Mar 8, 2009 06:09 PM


All times are GMT -6. The time now is 04:15 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.