http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of Support Forum - Topic: Adding mainpage/page column "boxes" (sort of...) en-US Tue, 21 May 2013 19:49:55 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-29930 Thu, 20 Oct 2011 01:41:13 +0000 Chris Beard 29930@http://www.kriesi.at/support/ <p>I'm not entirely sure what brought this up but I'm glad to see you've worked it out =] </p> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-29761 Tue, 18 Oct 2011 22:08:51 +0000 hamrockster 29761@http://www.kriesi.at/support/ <p>Chris- </p> <p>I did have to change the padding value for p { } in style.css, line 802. Was something like 0 0 2em 0, and instead changed it to 0, 12px. This gives me a nice margin within the content area. </p> <p>There might be a more graceful solution, but this one works so far. </p> <p>Incidentally, I also had to fix the contact form entry area- the text entry box overran the content area margin. This seemed to bring it back in line:</p> <p>#top .text_area{<br /> width:560px; /*orig 600 fixes contact text area to stay within content box*/<br /> } </p> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-29273 Wed, 12 Oct 2011 01:01:15 +0000 Chris Beard 29273@http://www.kriesi.at/support/ <p>Hey,<br /> I don't see any margin problems on your site. Did you solve it? Am I missing something? If so, could you please specify where exactly the problem lies? </p> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-29212 Tue, 11 Oct 2011 00:13:13 +0000 hamrockster 29212@http://www.kriesi.at/support/ <p>Thanks. One final question for this post- how can I set a margin for the text within the content space? Right now the text goes right to the edge of the right hand margin of the content areas, I wanted to center the text within the content areas 8px or so. </p> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-28901 Fri, 07 Oct 2011 06:56:53 +0000 Dude 28901@http://www.kriesi.at/support/ <p>Hey - I missed this. Mea culpa. Use following code instead:<br /> <pre><code>.home #main .box { background: #000; }</code></pre> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-28878 Thu, 06 Oct 2011 23:41:25 +0000 hamrockster 28878@http://www.kriesi.at/support/ <p>Thanks Dude, I am in the middle of tweaking it around right now. So far it has achieved what I wanted for the main content boxes. I will try to add it to all pages universally next. </p> <p>One thing- the custom box in the footer also got the changes applied to it as well (black background, 1px border). I tweaked the css for the footer area to get it back to normal, but how would I go about focusing just on the 3 main columns? My fix seems ugly, I am sure there is a more elegant way to single out the 3 main boxes... A broad css question, I know. </p> <p>Thanks, and I will continue to seek your help if I need anything else. </p> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-28757 Thu, 06 Oct 2011 05:34:14 +0000 Dude 28757@http://www.kriesi.at/support/ <p>Hey,<br /> 1) You can add a different background color to the main content area or to the box div areas. The code for the main area would look like:<br /> <pre><code>.home #main { background: #000; }</code></pre> <p>for the box areas:<br /> <pre><code>.home .box { background: #000; }</code></pre> <p>2) If you'd like to change the color of the content area on all pages use:</p> <pre><code>#main { background: #000; }</code></pre> http://www.kriesi.at/support/topic/adding-mainpagepage-column-boxes-sort-of#post-28742 Wed, 05 Oct 2011 23:19:22 +0000 hamrockster 28742@http://www.kriesi.at/support/ <p>Hello, I am polishing my business site after having taught myself some beginning CSS from reading through these forums, and so far they have been a great help. But I have a question:</p> <p>Visually what I want to do might seem similar, but I suspect I will have to edit more than just the style.css. Being a CSS novice, I will try to explain what I want as well as I can-</p> <p>This is my rough site: hamrock.com/wp</p> <p>1) On the main page, I want to know if it is possible to add a "box" or stroke around the main 3-column content/element area so that it visually pops out from the background. Like a panel + stroke with a black background that contains the columns (images/heading/text) while making it pop from the dark grey wrapper background. Or going further, to add similar "boxes" around each individual content column...</p> <p>2) On individual pages, I want to essentially achieve the same effect, but to have a "box" or panel surround the content area as well. </p> <p>The effect I am after is separating the mainpage/page content from the background so that intuitive navigation and comprehension of the site is easier/faster.</p> <p>Thanks,</p> <p>Scott </p>