Need help? Check out our Support site, then


wider header image in Imbalance?

  1. This relates to my private "mirror"-blog, not the one linked to my username.
    The Imbalance theme's customizable header pic (not featured image) is a little box in the upper left. But I've seen some Imbalance blogs with a bigger, close to full-width header image...Is that possible to do without css? Example, from the theme showcase demo on Imbalance:
    http://vanity-press.com/
    Thanks in advance...

    The blog I need help with is crickmore.wordpress.com.

  2. http://vanity-press.com/ is using the Structure theme, not Imbalance. Staff needs to update their links apparently.

    There is a trick using inline CSS positioning that can by used to move a text widget up and into that area, but due to the way things are done at the top of that theme, it would probably not look good. Actually you could probably put an image into a text widget in either the center or right header widget location.

    You really need to work the entire header area over to include a larger image and have it look right.

  3. Oh! His blog did look different in other ways, too, but I thought he was just really good at fiddling with the theme. Was going to ask next how to get the menu tabs arranged horizontally too! Maybe I should look at the Structure theme. Except i like the way that Imbalance arranges the posts like patchwork on the home page...
    That's an idea about an image in a widget, though. esp if it matched the size/ shape of the header image
    Thank you, tsp!

  4. A full-width header image is possible (as TSP said), and it can look ok - I'll make a post about it.

  5. @ingridcc
    Here's an example of what was done on another blog using Imbalance 2 and CSS editing > http://thepatternedplate.wordpress.com/ That's from this thread http://en.forums.wordpress.com/topic/align-menu-tabs-side-by-side-in-imbalance?replies=22

  6. (But I'll provide a solution for a full-width image without the Custom Design upgrade.)

  7. Cool :)

  8. Thanks, TT--that was the blog I had in my mind! but couldn't find again to use as an example. I knew it had a big beautiful drawn-looking header picture. I cant handle css, though... I'll wait for Panos's words of wisdom! (even though I might end up sticking with Bueno anyway, Imbalance might just be too wild for me.)

  9. I'm waiting to see what panaghiotisadam comes up with. If this theme can have a full header without the Custom Design upgrade and the custom menu links can be presented horizontally then I'm sure many more bloggers will use it.

  10. Hi all — noting that http://vanity-press.com/ is not hosted on WP.com. It'd be hard to apply the Custom Design upgrade to it. :)

    Update: as @thesacredpath mentioned, we need to remove it from the Theme Showcase "who's using this theme" since they apparently moved it to WP.org since we featured it there.

  11. y que ocurra cuando no se te ven la imagen de la cabecera???? hay un tema que hace que se vean las imágenes que van pasando en la parte superior de la página, ahora no hay nada, ¿ayuda por favor? muchisimas gracias

  12. @27elenaruiz
    Please post to the Spanish speaking forums > Español (Spanish) : http://es.forums.wordpress.com

  13. christyharcourt
    Member

    Having the exact same problem as Ingridcc - http://www.ellicestreetgalleykitchen.wordpress.com - can't wait to hear the answer.... tearing my hair out!

    Christy

  14. christyharcourt
    Member

  15. Wow, your site looks so great! How did you get your menu tabs to go horizontally?
    All you maybe need is your blog title on that luscious header image. Love that fresh blue color for your highlighted post excerpt!
    Did you need the css upgrade to do this????

  16. Yes, she's got the upgrade. But you can change the hover color without the upgrade in Theme Options.

  17. christyharcourt
    Member

    Hi - yes I do have the upgrade. I changed the menu by copying the advice given in this thread: http://en.forums.wordpress.com/topic/align-menu-tabs-side-by-side-in-imbalance?replies=22

    I had been admiring the patterned plate as well, so I just searched for her name in the forums to see if she had asked for any help when she was setting up, and voila! I don't really have a clue what I'm doing, it's all trial and error.

    And yes - the strawberry header is just a place holder image for now - I'm designing my own image to go there, I just need to finish it and scan it in :)

  18. Thanks! That was smart to search for her name instead of just for the topic!

    ---I'm sorry, Panos, my question was ambiguous, I really meant did she need the css upgrade to make the menu tabs go horizontally...

    I do love how Imbalance looks, but unfortunately it's probably not ideal for my craft tutorial site as many of them have to be followed in a certain sequence... I'm thinking the potpourri-look might be too confusing. It's really fun, though. Maybe for another blog...

  19. meglouisedance
    Member

    so is there any option for the wide header without the custom option?

  20. christyharcourt
    Member

    No there won't be I don't think as you need to be able to change the CSS and you need the upgrade for that.

    Good luck Ingridcc!

  21. so is there any option for the wide header without the custom option?

    As I already wrote above (three days ago), yes. I'll publish the relevant post next week.

  22. i just developed a logo and am planning to develop something to spread across the page (inspired by patterned plate site). my image has a gray background so for the time being it would look a lot better if i could change the background of the entire header to "bleed" all gray.

    how do i customize the header background color. i have the customization package but don't know how to use it well.

  23. This does the entire header area in the same grey you have in the logo image.

    #header {
    background-color: #818286;
    }

    You will likely want to change the dark grey text color for the menu items.

    .menu ul a {
    color: #303030;
    }

    The background for the menu items.

    .menu ul li {
        background-color: rgba(255, 255, 255, 0.8);
    }

    The search box you might want to change as well.

Topic Closed

This topic has been closed to new replies.

About this Topic