On "Outreach" theme, switch frontpage Twitter area to a 3-column area

[mpoyner]

Hi all,

I've done some searching and didn't see this answered, although that doesn't mean it wasn't! So sorry if its a repeat.

I won't be using the Twitter feed on the homepage of my Outreach theme. I'd like instead to divide that space into 3 columns, so there are a total of 4 columns on that row. (Right now there are two columns, with the one column being very large for the Twitter feed to be placed into.)

I've looked at the Home.php page to edit it, but don't see anywhere in that file where I can get at the code for this section.

[Dorian Speed]

Can you post a link to your site?

---

Bringing websites Up to Speed
Firebug will light the way to understanding the secrets of the Internet!

[mpoyner]

Sure, thanks!

http://69.195.124.88/~bridgeo9/  That is the temp URL while I'm setting up the site.

I just saw in the functions.php file where the subfooter left and subfooter right are being called in, but I'm a bit afraid of messing with that at the moment because I don't know what is going on in other files to make those sections work, so wanted to wait to get some advice first.

I'm sure that I could do this by hand, creating my own columns and styles, but I'd rather have these be editable widget areas as they are now (only 4 of them instead of 2), and I don't have enough WordPress experience to know how to go about doing that.

Thanks for any help you can provide.

[mpoyner]

Actually, I guess what would be really nice is if I could choose to have 2, 3, or 4 widgets in use there and they would resize based on how many were in use at the moment. Because as of right now, I can see this being an area that might change often, depending on what content or features I need to put in the space.

[Dorian Speed]

Let's see - resizing based on how many were in use. That might be tough; or, at least, I don't know how you'd do that.

However, you can customize the width of either each individual widget or, if you were using something like Genesis Featured Widget Amplified to show three posts, you could customize the widgeted area using the .featuredpost selector, I think.

For example, on this site: http://victoriachamber.org, underneath the slider, there are four Featured Page widgets. That sidebar is home-featured, and the css for it is as follows:

#home-featured .featured .widget {
	-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
	background: #fff;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	clear: none !important;
	float: left;
	margin: 10px;
	text-align: center;
	width: 22%;
}

The "width: 22%" is the part that says "fit four of these in this area." 22%, not 25%, because it leaves room for the margins/padding.

Alternately, you could create more sidebars to fit inside that div, but I don't think I would go that route.

---

Bringing websites Up to Speed
Firebug will light the way to understanding the secrets of the Internet!

[Author]

Posts