Boxed layout on Choices?

6 posts from 3 voices

• Started 10 months ago by demtnman
• Latest reply from Ismael
• This topic is resolved

Tags:

• Boxed
• Choices

1. 

   demtnman
   Member

   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!

   Posted 10 months ago #
2. 

   shutterlag
   Member

   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;
   }

   Posted 10 months ago #
3. 

   Ismael
   Moderator

   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

   Posted 10 months ago #
4. 

   shutterlag
   Member

   @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.

   Posted 10 months ago #
5. 

   demtnman
   Member

   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.

   Posted 10 months ago #
6. 

   Ismael
   Moderator

   Hello,

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

   Regards,
   Ismael

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.