Colinear theme sidebar width

• 

  roymarco · Member · Jul 21, 2019 at 1:09 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m looking for the CSS code to enlarge the 2 sidebar (right and left) and to reduce the center content column of the Colinear theme. I would like the sidebars to be 33% each (2 X 33% = 66%) and the center column 34% in width.

  Thank you for your help :-)

  Marco

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

• 

  torres126 · Member · Jul 21, 2019 at 1:51 pm

  • Copy link

  Hi Marco,

  Sure thing, please give this CSS a try!

  @media screen and (min-width: 1272px) {
  
  .has-double-sidebar .left-sidebar,
  .has-double-sidebar .right-sidebar {
  width: 33%;
  }
  
  .has-double-sidebar .content-area {
  width: 34%;
  }
  
  .has-double-sidebar .left-sidebar {
  padding-right: 20px;
  }
  
  .has-double-sidebar .right-sidebar {
  padding-left: 20px;
  }
  
  }

  That should give this effect:

  

  Let me know if that doesn’t work for you or if you have any further issues. :)

• 

  roymarco · Member · Jul 21, 2019 at 2:31 pm

  • Copy link

  Hello,

  Great! Its perfect for the home page but its not working for this page : https://montrealmodedesign.com/nouvelles/

  Do you have a CSS code to correct it ?

  Thank you so much for your help.

  Merci :-)

• 

  roymarco · Member · Jul 21, 2019 at 2:51 pm

  • Copy link

  Hi again,

  The problem seam to be with Facebook embed post.

  Thanks again…

• 

  roymarco · Member · Jul 22, 2019 at 4:56 pm

  • Copy link

  Hi,

  I try the code and its perfect to the home page. May you tell me the CSS to keep this setting on the home page (blog) but to use the original theme setting for page and post ?

  Thank you very much for your help.

• 

  torres126 · Member · Jul 23, 2019 at 9:59 am

  • Copy link

  Hi!

  May you tell me the CSS to keep this setting on the home page (blog) but to use the original theme setting for page and post ?

  Sure thing, try this:

  @media screen and (min-width: 1272px) {
  
  .home.has-double-sidebar .left-sidebar,
  .home.has-double-sidebar .right-sidebar {
  width: 33%;
  }
  
  .home.has-double-sidebar .content-area {
  width: 34%;
  }
  
  .home.has-double-sidebar .left-sidebar {
  padding-right: 20px;
  }
  
  .home.has-double-sidebar .right-sidebar {
  padding-left: 20px;
  }
  
  }

  I’m not sure about the issue with the Facebook embed either, sorry – I myself have had issues with that when creating my themes. Let me know if that CSS works for you though. :)

• 

  roymarco · Member · Jul 23, 2019 at 11:49 am

  • Copy link

  Good morning!

  Wow its perfect. It’s exactly what I was looking for.

  Thank you very much for your help. Really appreciated.

  Merci :-)

  Marco

• 

  torres126 · Member · Jul 23, 2019 at 3:30 pm

  • Copy link

  Happy to help, have a nice day! :)