• 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

How To Change Generate theme Sidebar To Balance Theme Sidebar?

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 › How To Change Generate theme Sidebar To Balance Theme Sidebar?

This topic is: not resolved

Tagged: balance theme, change sidebar, changing sidebar, Firebug, generate theme, Sidebar, sidebar layout, sidebar size

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 4 months ago by julesonline.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2013 at 10:57 pm #18581
    julesonline
    Member

    Hi

    I would like to know please is it possible to change the Generate theme sidebar layout/look to be the same in the Balance theme sidebar look/style please.

    If so which coding do I need to alter please?

    Thank you so much.

    Jules

    February 7, 2013 at 1:18 am #18589
    Dorian Speed
    Member

    Do you own both of the themes, or just Generate?

    I'm not sure which features of the Balance theme you want to recreate, but here's what I would do.

    In Firefox, there's a tool called Firebug that will let you see how the code is manifested on the site's layout. (There's a Firebug extension for Chrome, too, but I usually use the Firefox version.) On a site that uses the Balance theme, use Firebug to figure out the various styling elements that determine the appearance of the sidebar. Those are all in the style.css file in the theme. Then, look at the CSS for Generate for those same elements.

    For example, just using Firebug on http://demo.studiopress.com/generate/ and http://demo.studiopress.com/balance/, I can see that Generate's CSS includes this:

    .sidebar {
        display: inline;
        float: right;
        font-size: 13px;
        line-height: 20px;
        padding: 25px 40px;
        width: 230px;
    }
    

    while Balance has this code for the same selector (.sidebar is the selector)

    .sidebar {
        display: inline;
        float: right;
        font-size: 13px;
        width: 280px;
    }
    

    So, looking at that, the cool thing with Firebug is that you can make changes to the CSS and see what they would do. You could start by figuring out the selectors in Balance that give the sidebar that appearance, and then try to apply those attributes to the same selectors in Generate.


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

    February 7, 2013 at 3:18 am #18604
    julesonline
    Member

    Hi Dorian,

    I only own Generate. Thank you so much for your advice I will try doing that as not taken with Generate sidebar style. Hence why I wanted to give Generate the same sidebar look/style as the Balance theme 🙂

    Regards

    Julie

    February 8, 2013 at 4:53 pm #19108
    julesonline
    Member

    Hi Dorian,

    Just a quick update, finally got the sidebar to where its needed as in design layout etc. Just one sticking point to deal with. However as the site is covered up/in maintenance mode I will return to fix the two little annoying details that are left (they just bug me and no doubt wouldn't anyone else :)) when the site launches.

    Thank you again, have an awesome weekend.

    Jules 🙂

     

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

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