Support Forums

Got a question? Post it here. We'd love to help.

Knowledge Base:

Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.

Tweaks: [Closed] Remove fixed width in Solstice

Bottom of Page

1 to 4 of 4

  1.  
    • CommentAuthormjwood
    • CommentTimeJul 23rd 2008
     

    I would like to removed the fixed width in solstice and have it adjust to the width of the browser window (but retain a border).

    Jeff

    •  
      CommentAuthorptrkmkl
    • CommentTimeJul 23rd 2008
     

    Solstice is not technically a "fixed-width" theme. However, it does use a min and max width value that makes it appear as if it were one.

    To make more fluid, remove the min and max width lines from lines 43 and 44 of styles_solstice.css:

    #wrapper { min-width: 400px; max-width: 960px; margin: 15px auto; background: #fff url(pix/bg/bg_content_top_left.png) no-repeat top left; }

    What should remain then, is:

    #wrapper { margin: 15px auto; background: #fff url(pix/bg/bg_content_top_left.png) no-repeat top left; }
    • CommentAuthormjwood
    • CommentTimeJul 23rd 2008
     

    Thanks - this helped.

    Any way to get some blue border around outside (padding?) like it had before, just not so much? ( I can by changing max-width to 1100...)

    Is there any code that will allow the site to expand to meet browser window width?

    Jeff

    PS - Very much like the look of the site with your theme :o)

    •  
      CommentAuthorptrkmkl
    • CommentTimeJul 23rd 2008
     

    Hey Jeff. Thank you.

    There is nothing that I do that will accomplish what you're referring to with browser width. Technically, it could be done client-side with javascript, but this goes beyond my expertise, and wouldn't work properly for those with javascript disabled.

    Try adding a left and right pixel value to the margin above. Something like this:

    #wrapper { margin: 15px 35px; background: #fff url(pix/bg/bg_content_top_left.png) no-repeat top left; }

1 to 4 of 4

  1.