• 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

Merge Featured Widget Areas into one in Serenity Theme

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 › Merge Featured Widget Areas into one in Serenity Theme

This topic is: not resolved

Tagged: merge feature widgets, serenity

  • This topic has 4 replies, 2 voices, and was last updated 9 years, 4 months ago by jodirm.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 30, 2013 at 11:24 am #69927
    jodirm
    Member

    I'll start by revealing that this is my first WordPress site (so be gentle :)). My site is http://www.jodimcdaniel.com.

    The primary thing I want to know is how to merge the left and right top feature areas into one on the home page. If I change to a static home page, I get the right sidebar layout, but no widget areas on the left. I want the titles above the sections, but think it looks too busy with the two columns at the top. I'll move the sign up form to the sidebar once I accomplish the merge. What's the best/simplest way to accomplish this?

    Thanks!
    Jodi

    http://http:www.jodimcdaniel.om
    October 30, 2013 at 12:21 pm #69950
    Brad Dalton
    Participant

    Try this http://wpsites.net/web-design/add-new-widget-before-left-right-widgets-to-serenity-themes-home-page/


    Tutorials for StudioPress Themes.

    October 30, 2013 at 1:44 pm #69969
    jodirm
    Member

    This is helpful, and I was able to add the wider widget area! But since I'm new to all this and I've broken the site once by trying to remove things, can you tell me...how do I remove the 2 original featured top left and right areas that now appear under the area that was added?

    Thanks again!
    Jodi

    October 30, 2013 at 2:35 pm #69982
    Brad Dalton
    Participant

    Simply remove this code from the home.php file:

    <div id="featured-top">
    			<div class="featured-top-left">
    				<?php if (!dynamic_sidebar('Featured Top Left')) : ?>
    					<div class="widget">
    						<h4><?php _e("Featured Top Left", 'genesis'); ?></h4>
    						<div class="wrap">
    							<p><?php _e("This is a widgeted area which is called Featured Top Left. It is using the Genesis - Featured Posts widget to display what you see on the Serenity child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis - Featured Posts widget into the Featured Top Left widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.", 'genesis'); ?></p>
    						</div><!-- end .wrap -->
    					</div><!-- end .widget -->
    				<?php endif; ?>
    			</div><!-- end .featured-top-left -->
    			<div class="featured-top-right">
    				<?php if (!dynamic_sidebar('Featured Top Right')) : ?>
    					<div class="widget">
    						<h4><?php _e("Featured Top Right", 'genesis'); ?></h4>
    						<div class="wrap">
    							<p><?php _e("This is a widgeted area which is called Featured Top Right. It is using the Genesis - Featured Posts widget to display what you see on the Serenity child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis - Featured Posts widget into the Featured Top Right widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.", 'genesis'); ?></p>
    						</div><!-- end .wrap -->
    					</div><!-- end .widget -->
    				<?php endif; ?>
    			</div><!-- end .featured-top-right -->
    		</div><!-- end #featured-top -->	
    

    Tutorials for StudioPress Themes.

    October 31, 2013 at 10:47 am #70135
    jodirm
    Member

    That did the trick...thank you so much!!

  • 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