How To Change Generate theme Sidebar To Balance Theme Sidebar?

Community Forums Forums Design Tips and Tricks How To Change Generate theme Sidebar To Balance Theme Sidebar?

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  julesonline 1 year, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #18581

    julesonline
    Participant
    Post count: 24

    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

    #18589

    Dorian Speed
    Participant
    Post count: 140

    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!

    #18604

    julesonline
    Participant
    Post count: 24

    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

    #19108

    julesonline
    Participant
    Post count: 24

    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 :)

     

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

You must be logged in to reply to this topic.