Advertising widget in footer

10 posts from 4 voices

• Started 2 years ago by belladi0
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   belladi0
   Member

   Hello - I placed the advertising widget in the footer and it looks fine using chrome but in ie and firefox the images are in a vertical column with gray boxes around them. Can you help me fix it?

   http://www.sdwc.org

   Thanks,
   Lisa

   Posted 2 years ago #
2. 

   Noah Hendrix
   Support Team

   The ad widget is meant for the sidebar, but I think I found a solution in style.css.

   After line 128 find:
   margin-right: 40px;
   and change it to
   margin-right: 29px

   Then, find:
   width:250px
   and change it to
   width:261px

   Posted 2 years ago #
3. 

   belladi0
   Member

   Hi Noah - thanks! Can you tell me which section that is in? I am using the WordPress editor and it doesn't have line numbers. Will this also take care of the gray boxes?

   Thanks!

   Posted 2 years ago #
4. 

   James Morrison
   Former Team Member

   Hey,

   I would strongly recommend not using the WP editor to modify files.

   If you need to, you can use your browsers find function (Cmd + F / Ctrl + F) to find the code you need to change.

   James

   Posted 2 years ago #
5. 

   belladi0
   Member

   I finally got around to making the change and it worked great! Now I need to get rid of the gray border around the images - can you tell me how to do that? The border only shows in IE.

   Thanks,
   Lisa

   Posted 2 years ago #
6. 

   Dude
   Dude

   Hey,
   change following code in style2.css:
   

   .sidebar a img{
   border:1px solid #e1e1e1;
   background: #fff;
   }

   to
   

   .sidebar a img{
   border:none;
   background: transparent;
   }

   Posted 2 years ago #
7. 

   belladi0
   Member

   Hi - thanks for replying. That didn't work. Any other ideas?

   Thanks!
   Lisa

   Posted 2 years ago #
8. 

   Dude
   Dude

   Hey,
   replace following code in style.css:
   

   a img, a:hover img{
   z-index: 2;
   position: relative;
   }

   with:
   

   a img, a:hover img{
   z-index: 2;
   position: relative;
   color: #fff !important;
   }

   Posted 2 years ago #
9. 

   belladi0
   Member

   Awesome - it worked! Thank you!
   -Lisa

   Posted 2 years ago #
10. 

    Dude
    Dude

    Cool. Glad that I could help you :)

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.