WordPress.org

1. cg1977
   Member
   Posted 3 years ago #

   Hi, I am trying to widen the sidebar but I am not having much luck messing with the stylesheet.

   Blog is http://www.thebonbonlife.com

   Theme is Pop Blue.

   I'd like the Amazon widget to not be cut off like it is now.

   Any help appreciated! Thanks.

2. drewactual
   Member
   Posted 3 years ago #

   get rid of the overflow:hidden declaration.

   replace
   #rsidebar{float:right;width:200px;margin:0;padding:0;overflow:hidden;}

   with
   #rsidebar{float:right;width:200px;margin:0;padding:0;}

3. drewactual
   Member
   Posted 3 years ago #

   Now for future stuff like this, you can try this- it has worked for me on several occasions but it is not fool proof... It works best with images shareasale links to me...but it has also been used with widgets the same way....

   In your css create a declaration in whatever div.. will look like this:

   #div-with-widgets {
   height: auto;
   width: 200px; /*or whatever, important */
   }

   #div-with-widgets .actual widget {
   height:90%; /*in essence shortening the image like thing */
   width:90%; /*in essence narrowing the image like thing */
   }

   You can also place other attributes in the declarations, such as margin and padding, but the general idea is to make certain your containing div has absolute size described, and your actual widget or image div is based on a percentage.

   code on....

4. cg1977
   Member
   Posted 3 years ago #

   Perfect, many thanks!!

   ~C

Topic Closed

This topic has been closed to new replies.