Recently we had a Sandvox user email us about a problem he was having with our Blueball Trifecta 3-column design with some sites he had developed for some of his clients (thanks Bernd!).
The problem happened when he had no pagelets placed into the right hand sidebar column in Trifecta. This caused the white background image that appears at the very top of the sidebar background to not display letting the gray sidebar image that tiles in the page container div to show next to the banner image instead of the white image.
I would not classify this as a bug but more an oversight on our part here when designing the Trifecta layout. To be honest, we never thought any Sandvox user would not have some type of pagelet/content placed into their sidebar if they were using a 3-column design layout for their Sandvox site. I guess we should not have assumed that as you know what happens when you assume something.
Fortunately there's a quick way to fix this if you are using the Trifecta design on your site and you do not have any content in the sidebar on a site page. If you are using Sandvox Pro, select and use either the page or site code injection feature and add in the following css code:
By setting the minimum height of the #sidebar-container div to match the height of the white background image used at the top of the sidebar's background, the white image will now display correctly to the immediate right of the banner image in the Trifecta design layout.
For those using the regular version of Sandvox, you can make this fix permanent by opening up the design's Contents folder and opening up the main.css file in TextEdit or TextWrangler. Scroll down to the following block of css code:
And change it to this:
*Note the only change was the addition of the min-height line of code. Save the file. You'll be good to go then for your site pages in Sandvox.
In the meantime until we release an update for this issue in Trifecta, we'll be happy to fix this issue for any Trifecta design user for free. Simply zip your Trifecta design file you are using for your site, and email it to us at blueballdesign (at) gmail (dot) com.