• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: Columns, home, home page, layout, outreach

  • This topic has 4 replies, 2 voices, and was last updated 10 years, 2 months ago by Dorian Speed.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 15, 2013 at 11:01 am #27173
    mpoyner
    Member

    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.

    March 15, 2013 at 11:06 am #27178
    Dorian Speed
    Member

    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!

    March 15, 2013 at 11:20 am #27181
    mpoyner
    Member

    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.

    March 15, 2013 at 11:23 am #27183
    mpoyner
    Member

    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.

    March 15, 2013 at 11:35 am #27185
    Dorian Speed
    Member

    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
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble