WordPress.org

Ready to get started?Download WordPress

Forums

Imbalance 2 no option for header & background (12 posts)

  1. IvoryTower
    Member
    Posted 1 year ago #

    Hi there! I'd really appreciate some help.

    So this is my blog: http://www.ivorytowerforum.net

    According to the information provided on the Imbalance 2 Theme here, you do not need the custom upgrade to customise the header & background image. All it says you have to do is use the "header'" & "background" tabs under "Appearance" in my Dashboard. Except, I don't have those tabs under Appearance. These are options that apparently only wordpress.COM have. I've tried to post on the WPshower forums, but they don't respond to anyone asking this question.

    Can someone please explain to me either, how to get those options installed, or could someone please help me with the coding in Style CSS. I've tried some things I found by googling for help, but it's out of my depth.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    You may then need to create a Child Theme or use a Custom CSS plugin to enter your CSS.

    What specifically do you want to change and to which elements?

  3. IvoryTower
    Member
    Posted 1 year ago #

    I want an image header of 1000px by 250px centred, across the stop.

    I need to move my search widget to do that.

    And I wanted a background image, but to keep the background of the 4 columns white.

    I was playing around with style CSS and I got a header happening, but... I don't know what I did and I don't know how to fix it >_<

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Are you working locally or can you link your website?
    Edit: Sorry I must have accidentally commented on the wrong thread.

  5. IvoryTower
    Member
    Posted 1 year ago #

    http://www.ivorytowerforum.net

    That's my website... what do you mean?

  6. Lola Blabla
    Member
    Posted 1 year ago #

    Hi,

    I'm using Imbalance 2 and have the same issue (getting a header)
    I've watched your blog and I'd like to get the same result, could you please explain what code you used ?

    thx

  7. IvoryTower
    Member
    Posted 1 year ago #

    yep, so you have to upload the header you want in your media library & copy the URL

    Go into "editor" under appearance

    and where it normally says

    #header { border-bottom: 1px solid #dedfe0; padding-bottom: 50px; }

    instead, put

    #header { border-bottom: 1px solid #dedfe0; padding-bottom: 50px; background-image: url('URL'); background-repeat:no-repeat; }

    (except replace URL with your URL).

    I can't work out how to change the size though, my image keeps getting cropped.

  8. Lola Blabla
    Member
    Posted 1 year ago #

    Thx very much for your quick answer!

    My header is 960x170 px and it fits perfectly.
    I've managed to reintroduce the menus below thé header by modifying the paddings.
    For my header size I get :
    #header { border-bottom: 1px solid #dedfe0; padding-bottom:25px; padding-top:190px; background-image: url('urljpg'); background-repeat:no-repeat; vertical-align:middle; }

    Here's the result : http://lolablabla.fr/

    Hope it can be helpful to some of you!

  9. IvoryTower
    Member
    Posted 1 year ago #

    Vraiment bien fait! Vous avez fait tout ce que moi, j'ai essayé de faire!

    Pouvez- vous me rendre une grande service, et copier toute votre code CSS?

    Vous pouvez me l'envoyer par email si ca vous convenez? louise@bigfagpress.org

    En plus, j'ai voulu un arrière-plan d'une image, un peu comme ca: http://thepatternedplate.wordpress.com/

    Mais tout ce que j'ai trouvé à faire, c'était un couleur comme ca:

    remplacer:
    body { position: relative; color: #333; }

    avec:
    body { position: relative; color: #333; background: #fef1eb; }

    Mais avec cette code, j'ai perdu le blanc derrière les posts.

    MERCI MILLE FOIS!

    NB on peut trouver les code #couleur dessous "theme options".

  10. Lola Blabla
    Member
    Posted 1 year ago #

    Bonjour,

    Le #header est tout ce que j'ai changé pour mettre la bannière.
    le code complet est donc : #header { border-bottom: 1px solid #dedfe0; padding-bottom:25px; padding-top:190px; background-image: url('url.jpg'); background-repeat:no-repeat; }

    il faut ajuster le padding-bottom et ajouter le padding-top pour que le menu soit bien placé en dessous de la bannière

    pour mettre un arrière plan de page, il faut mettre :
    body { position: relative; color: #333; background-image: url('url.jpg'); }

    pour garder le fond blanc derrière les posts, il faut ajouter background: #fff ; aux endroits suivants :
    - content : #content { background: #ffffff; padding-bottom: 20px; }
    - wrapper : .wrapper { padding-top: 31px; background:#ffffff; }
    - header : #header { border-bottom: 1px solid #dedfe0; padding-bottom:25px; padding-top:190px; background: #ffffff; background-image: url('url.jpg'); background-repeat:no-repeat; }

    j'espère avoir été claire !
    bon courage et n'hésitez pas à me redemander si besoin

  11. esmi
    Forum Moderator
    Posted 1 year ago #

    These are English language forums. Please use English.

  12. IvoryTower
    Member
    Posted 1 year ago #

    Thank you Lola Blabla!!!

Topic Closed

This topic has been closed to new replies.

About this Topic