• 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

Moving Widget areas with css?

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 › Moving Widget areas with css?

This topic is: not resolved

Tagged: css, position, widget area

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 11 months ago by rhyslud.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 25, 2013 at 4:10 pm #64170
    rhyslud
    Member

    I am using optimal theme but I think this question is kind of generic (and I am getting no help from the author) so I am asking here.

    The theme comes with a welcome widget area under the slider widget area. I would like to change that using CSS if possible?

    The reason is that I had someone customize the old optimal theme with a new widget area above the slider (in php) .
    I had a lot of changes to do, so when the time came to upgrade to the Genesis 2.0 and HTML5 theme, I simply pulled the plug on the old theme and installed a fresh version of optimal 1.3

    I’d rather just re-purpose the existing welcome area to go above the slider and do it in css if at all possible so that when Optimal v1.4 comes (or 2.0 ??) the transition will be less painful.

    http://smallbusinessfile.com
    September 25, 2013 at 4:49 pm #64179
    AnitaC
    Keymaster

    You will need to either modify the functions to do it or the home. I have this theme and this is how the home is laid out:

    /**
     * Display widget content for "slider" and "welcome" sections.
     *
     */
    function optimal_home_loop_helper_top() {
    
    		genesis_widget_area( 'slider', array(
    			'before' => '<div class="slider"><div class="wrap">',
    			'after' => '</div></div>',
    		) );
    		
    		genesis_widget_area( 'welcome', array(
    			'before' => '<div class="welcome"><div class="wrap">',
    			'after' => '</div></div>',
    		) );
    
    }

    Switch the two areas. Move the Welcome above the slider. I hope my code shows up. This site has a tendency to strip the code even when I wrap it with PHP.


    Need help with customization or troubleshooting? Reach out to me.

    September 25, 2013 at 6:36 pm #64212
    rhyslud
    Member

    Thanks. That's the way I have done stuff before. I was just imagining a better way.
    He just released the new version and it's missing a new widget area so he'll be releasing another version at some point in the near future.

    He just had a baby so I understand that things slide - but I must remember that there is somethinbg to be said for buying themes from a company with some bandwidth.

    Much thanks.

    What is your method for keeping track of these changes so when you get a theme update, you can get back.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2026 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