How to make Bullet Proof Blue Fixed Width??

[manolo.alvarez]

Hi everyone. Bulletproof rocks. I am using the blue colorset in my blog: www.malvarezonline.com and I love it. I just wish I could maket it fixed width. This should be pretty simple.
How can I do it.

Thanks.

[Don Chambers]

Happy to hear you like it!

Look for this in blue_style.css:

Code: Select all

#wrapper {
    width: 85%;
    font-family:  verdana, arial, helvetica, sans-serif;
    font-size: 69%;
    background-color: #fff;
    border-left: 8px solid #dfdfdf;
    border-right: 8px solid #dfdfdf;
    margin: 0px auto;
}

Width is set to 85% there. Now, you have 3 choices:

Copy the entire bulletproof folder to another folder of a different name and set THAT folder as your template. Change the width to fixed, such as 900px (not great).

Copy blue_style.css to another name in the bulletproof folder, such as my_blue_style.css and select that colorset (my_blue) as your colorset and set the width to fixed (better, but still not the best).

Do not copy anything. Set the option that enables a user stylesheet to "yes". Create a user stylesheet in the /templates/bulletproof/ folder. Add a rule to that stylesheet that sets the width to fixed as follows:

Code: Select all

#wrapper {
    width: 900px;
}

The width, of course, can be anything you want. 960px is common. I like 970px or 990px.

[manolo.alvarez]

Thanks a lot Don! I really appreciate your help.