Community Forums › Forums › Archived Forums › Design Tips and Tricks › How To Change Generate theme Sidebar To Balance Theme Sidebar?
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, 11 months ago by
julesonline.
-
AuthorPosts
-
February 6, 2013 at 10:57 pm #18581
julesonline
MemberHi
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 #18589Dorian Speed
MemberDo 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 #18604julesonline
MemberHi 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 #19108julesonline
MemberHi 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 🙂
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.