Remove White Space on Right Side of Pique Home Page

• 

  jchavarria90 · Member · Dec 4, 2016 at 11:57 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I recently got some help moving the sidebar from the left to the right side on my site.

  The code suggested was

  .pique-sidebar .content-area {
  	float: left;
  	padding-right: 50px;
  }
  
  .pique-sidebar .widget-area {
  	float: left;
  }

  And it worked. However, this created a white column of empty space on my Home and Blog pages.

  I’m guessing the 50 pixels of padding is showing up on those pages.

  How can I remove this?

  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  dianakcury · Member · Dec 5, 2016 at 12:36 am

  • Copy link

  Hello,

  I was able to remove the white space using this code:

  .pique-sidebar .content-area {
      padding-right: 0;
  }

  Hope this helps =)

• 

  jchavarria90 · Member · Dec 5, 2016 at 12:41 am

  • Copy link

  Thanks Diana,

  That worked! but now the problem is that it also removes the padding on the content pages, which means there is no space between the content and the sidebar.

  Is it possible to remove the white space on the Home/Blog and keep the padding on the content pages?

• 

  dianakcury · Member · Dec 5, 2016 at 1:25 am

  • Copy link

  Hi again,

  I’m sorry! This should do the trick then:

  .home .content-area, .blog .content-area {
      padding-right: 0;
  }

• 

  jchavarria90 · Member · Dec 5, 2016 at 2:12 am

  • Copy link

  That did it – thanks so much!