WordPress.org

1. cmund43
   Member
   Posted 2 years ago #

   Hello-
   As title states, my google ads aren't staying within their boundaries of the North and South sidebar. I have tried several of the other posting suggestions, like: "overflow:hidden", adjusting the padding, etc. I have no coding experience so I just experimented but haven't figured it out. My website is: http://www.welcometomyjungle.com You can see my issues there. I will post my sidebar code below. If anyone can help, I would greatly appreciate it! Thanks in advance.

   /* sidebar START */
   #sidebar {
   background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
   width:300px;
   float:right;
   font-size:95%;
   line-height:145%;
   overflow:hidden;
   padding-top:8px;
   }
   #sidebar li {
   background:url(img/icons.gif) 0 -560px no-repeat;
   padding-left:22px;
   list-style:none;
   margin-top:5px;
   /*font-size:95%;*/
   }
   #sidebar .content,
   #sidebar li {
   font-size:12px;
   }
   #centersidebar,
   #northsidebar .widget,
   #southsidebar .widget {
   background:url(img/widgetsep.png) bottom no-repeat;
   padding:10px 15px 16px;
   }
   #centersidebar {
   padding-bottom:6px;
   }
   #northsidebar,
   #southsidebar {
   font-size:95%;
   };
   }
   #northsidebar .widget h2,
   #southsidebar .widget h2 {
   margin-bottom:10px;
   }
   #northsidebar .widget .content p,
   #southsidebar .widget .content p {
   margin-bottom:10px;
   }
   #westsidebar {
   width:121px;
   float:left;
   padding-right:5px;
   font-size:95%;

   }
   #eastsidebar {
   width:129px;
   float:right;
   font-size:95%;

   }
   #westsidebar h3,
   #eastsidebar h3 {
   margin-bottom:5px;
   }
   #westsidebar .widget,
   #eastsidebar .widget {
   margin-bottom:15px;
   }
   #sidebar .widget_feeds {
   padding:5px 15px 15px;

2. esmi
   Theme Diva & Mod
   Posted 2 years ago #

   Two options:

   1. If you want to use 300px wide ads in a 300px sidebar, you'll need to remove the left & right padding on the text widgets by adding:

   .#centersidebar, #northsidebar .widget_text, #southsidebar .widget_text {
   padding-left:0;
   padding-right:0;
   }

   to the bottom of style.css.

   2. Stick to ads 270px wide or smaller. Your widgets have 15px left and right paddings.

3. cmund43
   Member
   Posted 2 years ago #

   Thank you esmi. I think I'll try sticking with 270 px wide or smaller.

4. cmund43
   Member
   Posted 2 years ago #

   Hey esmi, it did work. I just didn't give it time to update.

   Thank you for your help!

Topic Closed

This topic has been closed to new replies.