Page 1 of 1
Modification of layout for embedded install
Posted: Mon Oct 31, 2011 4:01 am
by 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.
Re: Modification of layout for embedded install
Posted: Mon Oct 31, 2011 8:15 am
by 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.
Re: Modification of layout for embedded install
Posted: Mon Oct 31, 2011 3:07 pm
by 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.
Re: Modification of layout for embedded install
Posted: Mon Oct 31, 2011 3:39 pm
by 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.
Re: Modification of layout for embedded install
Posted: Thu Apr 12, 2012 11:49 pm
by 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.