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

    Blog is https://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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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;}

    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….

    Thread Starter cg1977

    (@cg1977)

    Perfect, many thanks!!

    ~C

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to fit Amazon widget in sidebar? It is cut off now…’ is closed to new replies.