Jump to content


Photo

full width sidebar image cropped on left


  • Please log in to reply
6 replies to this topic

#1 nbenson

nbenson

    Advanced Member

  • Members
  • PipPipPip
  • 68 posts

Posted 29 July 2011 - 06:27 PM

I have a full width sidebar above my footer. Within the widget is a text field with some openx code in there for our banners. The left side of the banner is cropped by about 5-10px but extends all the way to the right. Any idea why this would occur?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 July 2011 - 03:43 PM

It could be a CSS issue. Do you have any custom CSS added to the settings right now? Can you post a link to your site?

#3 nbenson

nbenson

    Advanced Member

  • Members
  • PipPipPip
  • 68 posts

Posted 01 August 2011 - 05:00 PM

www.wbbz.tv here's the custom css we have - .fixed_width #page{ -moz-box-shadow:0 0 5px 0px #666; -webkit-box-shadow:0 0 5px 0px #666; box-shadow:0 03px 5px #666} .pagelines{display:none} .fixed_width #page, .fixed_width #footer, .canvas #page-canvas { width: 960px;!important; }

#4 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 01 August 2011 - 09:51 PM

Can you provide a link to the page with the issue?

#5 nbenson

nbenson

    Advanced Member

  • Members
  • PipPipPip
  • 68 posts

Posted 02 August 2011 - 03:26 PM

bottom footer, www.wbbz.tv

#6 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 02 August 2011 - 10:37 PM

Oh i see it now, its not appearing in Chrome. I guess, reupload the banner at 954px width and it should fit evenly.

#7 poseyg

poseyg

    Advanced Member

  • Members


  • 47 posts
  • Country: Country Flag

Posted 03 August 2011 - 12:05 AM

Had same problem. The full width sidebar is a text-widget for one thing and has some css you can adjust. The other one is the div in which it is nested: #page-main .content { border-left: 1px solid transparent; border-right: 1px solid transparent; } Change this in your Custom CSS to: #page-main .content { border-left: 0; border-right: 0; } This should remove the space that seems to be there. I had to do it with the same side-bar I'm using on this dev site; http://div3.store-direct.com The full width sidebar is being used for the slider at the top of the home page. Hope this helps. Posey