Accepted Answer

• Vote up

  0

  Vote down

  

  Replied by zahir on Monday, January 21 2013, 10:56 PM

  Hi dadu7058,
  
  Thanks for the updates. Here's how you can fix #1:
  Change the .items-more div as follows:
  

  .items-more {
      background: url("green/sidebar_bg.png") repeat-x scroll 0 0 #FFFFFF;
      border: 1px solid #D5DDCE;
      box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset;
      text-shadow: 0 1px 0 #FFFFFF;
      overflow: hidden;
      float: left;
      padding: 15px 2% 0;
      width: 96%;
  }

  
  Essentially, we've added/modified the following: float: left; padding: 15px 2% 0; width: 96%;
  
  
  For #2,
  In template.css, modify the .items-row as per the following (just add width:100%):
  

  .items-row { overflow: hidden; float: left;  width:100%}

  
  And then add the following to the bottom of the stylesheet:
  

  .cat-children {
      float: left;
      width: 100%;
  }

  
  
  Note that if you're using Business 2.0, you can simply paste the above within the CSS Override section in the template parameters and it should take effect (you may need to clear your browsers cache). This keeps your css files "hack-free" so upgrades can be easy. Let me know if the above do/do not work for you!