WordPress.org

1. SomberResplendence
   Member
   Posted 2 years ago #

   Ok, probably a noob question again, but you guys are so helpful. I recently added an RSS image as a link in my navigation bar. It looks fine on Safari, but in Firefox it's putting a border around it and highlighting on hover the same as default links (like categories, tags, comments).

   How do you get rid of the style on the RSS image, or give it a blank style? My CSS looks like this so far for the Nav Menu:

   #box{
     margin: 0px 0 0 0;
     padding: 0;
     clear: both;
     height: 39px;
     width: 900px;
     background-color: #0F0F0F;
     }
   #boxrss{
     float: right;
     margin-top: 2px;
     margin-right: 15px;
     display: inline;
     width: -65px;
     line-height: 0;
     }
   /* To control left nav item */
   #boxnav{
     list-style: none;
     margin: 0;
     padding-left: 15px;
     }
   /* To control the list */
   #boxnav li{
     float: left;
     padding-top: 3px;
     padding-right: 20px;
     }
   /* To control text */
   #boxnav a{
     margin: 0;
     font-size: 18pt;
     color: #5F5F5F;
     letter-spacing: -1px;
     }
   #boxnav li a:hover {
     color: #6598b8;
     text-decoration: none;
     }
   #boxnav li a:active {
     color: #FFFFFF;
     text-decoration: none;
     }

   My website is HERE

   Any help would be appreciated... Thanks!

2. ClaytonJames
   Member
   Posted 2 years ago #

   Will this work?

   #box{
   margin: 0px 0 0 0;
   padding: 0;
   clear: both;
   height: 39px;
   width: 900px;
   background-color: #0F0F0F;
   }
   #box img{
   border:none;
   }

3. equalmark
   Member
   Posted 2 years ago #

   Add this to the bottom of your themes stylesheet:

   #wrapper #box #boxrss a img {
       border:none;
   }

4. SomberResplendence
   Member
   Posted 2 years ago #

   Awesome Equalmark! That did the trick. Thanks for the help!

Topic Closed

This topic has been closed to new replies.