Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #294938

    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

    • This topic was modified 10 years, 4 months ago by kmotoyama.
    #295176

    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

    #295231

    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!!!

    #295234

    Glad we could help. Let us know if you have any other questions or issues.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Does not work to change the width of fixed layout by using quick css’ is closed to new replies.