Jump to content


Photo
- - - - -

small sidebar issue


Best Answer Danny , 28 February 2013 - 12:38 PM

Hi,

 

Basically, you have your CSS correct, but you have targeted the wrong class, try using this instead.

 

.widget-pad

 

Instead and also replace border with box-shadow.

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 dreamsight

dreamsight

    Super Member

  • Members

  • 159 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 28 February 2013 - 11:56 AM

Hi there, fairly new to using this framework but loving it nonetheless. However, i'm having a small issue with the sidebar not showing it's 1px border on it's right side! 

 

Please Login or Register to see this Hidden Content

 

i've been scanning through the page element, and using css to play around but cannot locate the issue. Any help would be greatly appreciated, thanks.



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2505 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 28 February 2013 - 12:18 PM

Hi Dreamsight 

 

The Calendar within the widget is much bigger than the space in the sidebar. As you can see the last column of the calendar is missing. 

Please Login or Register to see this Hidden Content

 

You will need to increase the size of the sidebar in the Layout menu to see the whole of the calendar and the border of the sidebar. 



#3 dreamsight

dreamsight

    Super Member

  • Members

  • 159 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 28 February 2013 - 12:28 PM

Hi Martin, thanks for a speedy reply. i've just increased the sidebar size from 220px to 270px, and it still seems to cut out the right part of the border, i should also note that even when there are no widgets in the sidebar at all (just the 'Add Widgets' button and text') that it still remains missing.

 

im also using this code in the css to create the break between the sidebar and main content

 


.one-sidebar-right #pagelines_content #sidebar-wrap {
width: 30%;
}


#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 13192 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 February 2013 - 12:38 PM   Best Answer

Hi,

 

Basically, you have your CSS correct, but you have targeted the wrong class, try using this instead.

 

.widget-pad

 

Instead and also replace border with box-shadow.



#5 dreamsight

dreamsight

    Super Member

  • Members

  • 159 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 28 February 2013 - 12:52 PM

Rookie error, thanks for your help! All sorted  :thumbsu: