Change width of left and right sidebars in Colinear theme

  • Unknown's avatar

    I am using the Colinear theme with left and right sidebars. I would like to decrease the width of the sidebars and increase the width of the main content area. (If possible, I’d like to make the sidebars different widths.) I’m not sure how to go about this using CSS, especially since it is a responsive theme.

    Thanks so much for any help you can give!

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

  • Unknown's avatar

    Hi there, This is a bit tricky. I can give you some generic code to work with, but there are a couple breakpoints that shift things as you narrow the window, and those will have to be taken into account. Let me give you the existing widths and perhaps you can give me an idea of what you want to do. The sidebars are both 273px in width, down to 1380px in window width, and then they drop to 246px each and the content area drops from 570px to 516px. Then at 1271px in window width, the right sidebar disappears and the left sidebar moves to the right side.

    Tricky and a bit complex. If you can give me an idea of what you want for additions/reductions, I can work things out. I’m suspecting we will have to use Media Queries to control things so that we can target certain ranges of widths.

  • The topic ‘Change width of left and right sidebars in Colinear theme’ is closed to new replies.