Modification of layout for embedded install

[AshReport]

This should be an easy one, but for the life of me I cannot figure it out. I have an embedded install of serendipity, and need to change the width of the page to make it fill my base web-page size. Should just be a simple css change, but cannot find the correct css file. Specifically I want to make the content window wider. Any help would be appreciated.

[Timbalu]

Normally your templates style.css (somewhere in the beginning, #wrapper?, #mainpaine?, etc.). That is the most exact answer I can give without knowing, Template, Url, etc.

[AshReport]

url is www.ashreport.com/blog

template is blue, looked at mainpain and content in the style.css, but changing there does not seem to effect anything.

[Timbalu]

Code: Select all

<div id="mainContent" style="width:860px;">

and

Code: Select all

.thrColFixHdr #mainContent {
    background: none repeat scroll 0 0 #000000;
    color: #999999;
    float: left; /* added */
    font-size: 18px;
    /*margin: 0 200px;*/
    padding: 0 10px;
    text-align: center;
    /*width: 100%;*/
}

But this is a bad und ugly hack!

You need to have better wrappers with cleaner CSS to make this be solvable within your css file only.

[AshReport]

This is the worst approach possible. This would adapt my entire web-site to your blog. For those of you trying to figure out the same thing, here is the answer:

Switch your template to bulletproof. From here you can modify the template css to accommodate anything you need to do. Took about 30 min of playing with it to get an idea of what controls what, but comes down to turning off and on options and playing with the css to get the look and feel done right.