Need help? Check out our Support site, then


CHANGE COLUMN WIDTH IN FICTIVE THEME

  1. Hi guys!
    I'm using "Fictive Theme" and I would like to change main column width (now it is 536px) and Primary sidebar width (now it is 278px). I tried to experiment with css but I have not succeeded...

    anyone can help me, please??? :)

    The blog I need help with is raid-airsoft.com.

  2. Hi there,

    The theme uses different measurements for column widths, most likely in order to make it responsive (i.e: so it works well on various screen sizes and devices).

    The sidebar area is not set in pixel, but in em.

    The main content area is also not in pixel, but in percentage.

    This makes it rather hard to put a fixed pixel number to each column, but you can play around to change the default size. If you decrease the sidebar width, for example, then you add the main column width.

    The original value for the sidebar is 17.4em, while for the main column is 66%. Here's an example CSS I did to tweak the widths:

    .site-header {
    	width: 15em;
    }
    .site-content {
    	width: 70%;
    }
  3. Hi hafzir, thanks for you answer! I've changed the parameters according to your instructions and now it seems to work very well on different types of screen!
    I've tried it on pc, iPad and iPhone and I like it! ...anyway any suggestion is welcome!

    thanks again!

  4. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic