I would like to change the default width of the fixed layout to 1030px width (larger).
I tried to put the code below into quick css.
.container { width: 1030px; }
/* Base Grid */
.container .one.unit,
.container .one.units {
width: 30px;
}
.container .two.units {
width: 120px;
}
.container .three.units {
width: 210px;
}
.container .four.units {
width: 300px;
}
.container .five.units {
width: 390px;
}
.container .six.units {
width: 480px;
}
.container .seven.units {
width: 570px;
}
.container .eight.units {
width: 660px;
}
.container .nine.units {
width: 750px;
}
.container .ten.units {
width: 840px;
}
.container .eleven.units {
width: 930px;
}
.container .twelve.units {
margin-left: 0;
width: 1030px;
}
But it did not work. My Layout is still the default width(still narrow)
Please help me.
Thanks.
Koji
Hi kmotoyama!
None of the grid css above is in your Quick CSS at the moment: http://bpmaster.jp/bpa/wp-content/uploads/dynamic_avia/enfold.css
Which is why it isn’t taking effect. Make sure that you are saving after adding in the css and if you are using any caching plugins that you clear the cache so that the css file is live on the front end.
Regards,
Devin
Thank you for replying and advising.
Now it does work well.
The problem was the file permission of enfold.css(644).
Thank you very much!!!
Glad we could help. Let us know if you have any other questions or issues.