MISSION AND VISION 2012
On this Blog you can gain and collect some ideas, information about different kinds of topics about computer, tutorial and tips that can be applied. You can share your ideas too thru posting comment and feedback to said topic.
Thank You :)
Note : If the Link(s) doesn't work/broken please Comment.
(If this site helps you, please Comment and click the link to say Thanks)
Please Click here to Say Thank You :)
Friday, February 19, 2010
Widen your blogsite - WIDTH
TOPIC: Widen your outer wrapper
1. Go to Customize then Layout tab then edit HTML.
2.Press "Ctrl F" and find this
#outer-wrapper {
3. From the default size
#outer-wrapper {
width: 700px;
change to
#outer-wrapper {
width: 950px; - any size you like
4. Then save..ü
=================================
TOPIC: Widen your MAIN wrapper
Next you will notice that your main wrapper needs also to resize.
1. Go to Customize then Layout tab then edit HTML.
2.Press "Ctrl F" and find this
#main-wrapper {
3. From the default size
#main-wrapper {
line-height: 1.4;
float: $startSide;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 428px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 404px;
change to
width: 500px; - any size you like (but its recommended already)
4. Then save..ü
=================================
TOPIC: Widen your SIDEBAR wrapper
Next you will notice that your sidebar wrapper needs also to resize.
1. Go to Customize then Layout tab then edit HTML.
2.Press "Ctrl F" and find this
#sidebar {
Or
#sidebar-wrapper {
3. From the default size
#sidebar {
float:$endSide;
border-top: solid 1px #fff;
padding-top: 4px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 7px;
background: #fff;
width: 264px;
change to
width: 350px; - any size you like (but its recommended already)
4. Then save..ü
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment