WordPress Theme: Three Square
Three Square was started a while ago, but due to my schedule, it was never finished until now. It’s a fluid two-column general purpose professional looking theme.
Three Square is WordPress widget friendly, which means you can manage your sidebar from your WordPress admin panel. If the plugin isn’t installed or enabled, the theme will use the default sidebar. Three Square has been tested in the most recent (stable) version of IE, Firefox, and Netscape and the (X)HTML/CSS has been W3C validated.
Please be sure to read the theme use before downloading and using this theme. If you spot any bugs or have suggestions for improvement, feel free to leave a comment.
Preview » Three Square 1.0.0
Download » Three Square 1.0.0
December 11th, 2006 at 9:01 am
This theme is great. It’s perfect for a site with alot of data that needs the fluid layout and the sidebar also look very professional. However I’m having trouble changing the colors, specifically the background. Within the code below, I’ve tried FFFFFFF in all places with no sucess. especially the blockquote where I believe is the correct place.
Can you please advise why this does not change the pinkey background or the supported way of doing this?
Thanks
December 11th, 2006 at 11:47 am
Hi Daz,
I’m very glad to hear you like the theme.
To answer your question, the theme uses images for the background. Changing the color values won’t change the colors on the theme, you’d need to manually change the color of the background images in an editor like Photoshop or Elements.
December 11th, 2006 at 1:46 pm
Hi,
Thanks for the quick reply. I’ve changed the background to each jpg and gif to pure white and the background still does not lose the FFFAF4 tinge. Which image do I need to change if this is getting inherited from somewhere?
Cheers
December 11th, 2006 at 1:50 pm
Hi again Daz,
Please send me a link to your site or CSS so I can look over it and tell you specifically what you need to change.
Thanks.
December 12th, 2006 at 11:51 am
Thanks for the help - I now know image declarations in header.php take precedence over style.css (where everything is also correctly defined) and colours have to be changed in header.php for this theme.
December 14th, 2006 at 3:57 pm
Lovely theme Diva!
Thanks
I only need the way to ‘inset’ the posts images please.
December 14th, 2006 at 4:39 pm
Hi Kate,
I’m happy you like the theme and thank you for the compliment.
I’m not quite sure what you mean by inset, however, you can align images using various CSS classes.
class=”floatleft” will float the image to the left of the content and the text will wrap around the right side of it.
class=”floatright” will float the image to the right of the content and the text will wrap around the left of it.
class=”center” will center the image on the page with content above (if there is any) and below (if there is any).
class=”left” is similar to floating left.
class=”right” is similar to floating the image right.
The last three classes should be added to the image tag directly - <img src=”…” class=”…” /> - whereas the first two can be used on pretty much anything that can have a class.
Hope that makes sense and answers your question.
January 10th, 2007 at 4:39 pm
Hi there,
First off- thank you for being one of the few theme designers to actually comment your code. You have no idea how much this is appreciated by all of us non coder types. This stuff makes my brain explode trying to track down where things are referenced. Commenting helps a great deal.
If I could ask you for a moment of help, I’m stumped with something, probably one of those things that I’ll smack my forehead with my hand when I find out, but here goes.
I’m trying to do something I thought would be simple- using your theme Be Inspired, I’m trying to make the theme fluid. I could be satisfied just increasing an overall width of the way the page lays out, say something close to 80% of the width of the page.
If you could clarify whether I have this right would be a huge help.
Content - this would be the “main container” which designates the total, absolute width that the entire theme will fill with it’s content. Similar to the way a table would contain anything inside it.
I’ve tried what I thought would be easy- change the pixel width and replace it with a percentage. In the stylesheet, I set the content to 80% and set the sidebar to 20%, which I thought would make the 100%.
Apparently that isn’t the answer, as it shoves the sidebar beneath all the posts.
Can this particular, or all, themes be set to percentages, or does WP require pixel by pixel code?
I’ve tried to change things around over and over, and all it does is hose things horribly. I just installed a test bed version of WP on one of my servers so I can experiment before putting code live, so it allows me to blow it up over and over again without causing any damage.
I figure either I’m trying to do something WP can’t do, or there’s code somewhere else that I haven’t found yet that’s influencing the layout.
I hope this makes sense with what I’m trying to do, I wasn’t sure if the thing that might be tripping me up is the margins that are encoded, which I need to take into consideration with the percentages thing or what.
My strength is making pretty pictures, this code stuff just doesn’t register.
Any guidance on this is greatly appreciated, I’m hoping it’s just a matter of not understanding how this works and nothing too complicated. It never fails, the stuff I figure would be an easy tweak ends up being a nightmare.
Steve