Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15139

    Forgive me if this is already posted, but I am checking to see is Choices offers a boxed layout built in or if I would have to modify CSS to do have it? If so, is there a link to any demo of Choices boxed that I could preview?

    Thank you in advance. You guys rock!

    #86358

    Hi demtnman,

    you will find that option hidden away in Template Options > Styles > Background.

    For my site I also added a thin frame and shadow around the boxed page. For that, I replace the following code in css/grid.css:

    .boxed #wrap_all {

    margin: 0 auto;

    width: 990px; }

    with:

    .boxed #wrap_all {

    margin: 0 auto;

    width: 990px;

    border-width: 0px 1px;

    border-style: solid;

    border-color: #AAA;

    -moz-box-shadow: 2px 2px 5px #CCC,-2px -2px 5px #CCC;

    -webkit-box-shadow: 2px 2px 5px #CCC,-2px -2px 5px #CCC;

    box-shadow:2px 2px 5px #CCC,-2px -2px 5px #CCC;

    }

    #86359

    Hello,

    @shutterlag: Thanks for the help. I changed a little bit of code on the snippet you provided. :)

    @demtnman: This is the closes to a boxed layout that I can give you courtesy of our good friend shutterlag.

    #main .container_wrap.main_color, #main .container_wrap.footer_color {
    position: relative;
    width: 930px;
    margin: 0 auto;
    padding: 20px;
    clear: both;
    overflow: hidden;
    border-width: 0px 1px;
    border-style: solid;
    border-color: #AAA;
    -moz-box-shadow: 2px 2px 5px #CCC,-2px -2px 5px #CCC;
    -webkit-box-shadow: 2px 2px 5px #CCC,-2px -2px 5px #CCC;
    box-shadow:2px 2px 5px #CCC,-2px -2px 5px #CCC;
    }

    Regards,

    Ismael

    #86360

    @Ismael: Thanks for improving! Unfortunately, I am not professional coder….

    However, as far as I understand your code, it follows a different approach. What I posted actually only applies a shadowed frame to the boxed layout that is already included in Choices. (Can be activated under Theme Options > Styles > Background).

    If I understand your code correctly, it transforms the Stretched Layout into a Boxed Layout, instead of just chosing that option in the Theme Options.

    #86361

    Thank you, All. I asked before purchasing, but then made the leap and bought it. After doing so, I found Boxed Layout in theme options. I did borrow your code, @shutterlag, to add shadowing. Saved me having to look it up or go to a generator.

    Thanks.

    #86362

    Hello,

    Yes, that is exactly what it is doing. When you paste it on your custom.css, it will override the style. :)

    Regards,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Boxed layout on Choices?’ is closed to new replies.