Colinear theme sidebar width

  • Unknown's avatar

    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)

  • Unknown's avatar

    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. :)

  • Unknown's avatar

    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 :-)

  • Unknown's avatar

    Hi again,

    The problem seam to be with Facebook embed post.

    Thanks again…

  • Unknown's avatar

    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.

  • Unknown's avatar

    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. :)

  • Unknown's avatar

    Good morning!

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

    Thank you very much for your help. Really appreciated.

    Merci :-)

    Marco

  • Unknown's avatar

    Happy to help, have a nice day! :)

  • The topic ‘Colinear theme sidebar width’ is closed to new replies.