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

Community Forums Forums Design Tips and Tricks On "Outreach" theme, switch frontpage Twitter area to a 3-column area

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  Dorian Speed 1 year, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27173

    mpoyner
    Participant
    Post count: 21

    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.

    #27178

    Dorian Speed
    Participant
    Post count: 140

    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!

    #27181

    mpoyner
    Participant
    Post count: 21

    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.

    #27183

    mpoyner
    Participant
    Post count: 21

    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.

    #27185

    Dorian Speed
    Participant
    Post count: 140

    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!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.