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

  • Moderators
  • 12,345 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

  • 3,081 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

  • 3,081 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




Click to return to top of page in style!