WordPress.org

1. onemillion
   Member
   Posted 3 years ago #

   I'd like to change the size of the rss feed icon in the sidebar on the SEO Basics theme on my site. I think I need to indicate the size in the CSS, but don't know how. Can anyone provide guidance/instructions?
   Thank you.

   Here's the CSS that mentions "rss":
   #header-rss {
   float: right;
   margin-right: 10px;
   }

   .entry-title {
   margin: 0;
   padding: 0;
   }

   .entry-title a {
   color: #F58E0E
   }

   .sidebar, .sidebar a, .entry-date, .entry-meta, .entry-meta a {
   color: #666;
   }

   #rss_icon {
   padding: 1em;
   }

   #rss_icon span {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 62px;
   }

   #rss_icon img {
   float: right;
   }

   Here's the code from the sidebar.php:
   <li id="rss_icon"><div>
   ' title='<?php _e('Subscribe to feed', 'sds') ?>'>
   <img src='<?php bloginfo('template_directory') ?>/images/rssfeedicon.jpg' alt='<?php _e('Subscribe to feed', 'sds') ?>' />
   
   <span><?php _e('Subscribe to feed', 'sds') ?></span>
   </div><div class='clear'></div>

2. churchthemer
   Member
   Posted 3 years ago #

   Hey OneMillion,

   For a quick fix you can just add the height and the width to the img tag in your sidebar.
   

   <img src='<?php bloginfo('template_directory') ?>/images/rssfeedicon.jpg' alt='<?php _e('Subscribe to feed', 'sds') ?>' width="32" height="32"/>

   The above will force the the image to 32px by 32px. You can substitute whatever pixel values you want but be aware that you may stretch the image so that it looks bad or you may break your themes layout by making the dimensions incompatible with the themes layout. It's probably safe to go smaller, but use caution when going bigger.

   Hope that helps.

3. onemillion
   Member
   Posted 3 years ago #

   Fantastic. Thank you so much, churchthemer. :)

Topic Closed

This topic has been closed to new replies.