• Registered: 2012-01-03
  • Posts: 9

Topic: Header

Hi
Can some one help me? Because i cant find any solution on board.

1. I change header for this same size like website but still left some white peaces on left and right site.
2. How to put image to header background?
3. Where i can find line code with one respond for picture shape in section "new post"?

Link to website http://nooblandia.com this is the legacy arras theme.

Last edited by Bavar (2012-01-26 12:14:41)

Thumbs up

  • From: San Diego Ca
  • Registered: 2011-10-20
  • Posts: 8

Re: Header

Add this to your user.css This should allow for your background image to go to your header area and also remove the white space on the sides.

#header {
        background: none;
        background-image:none;
        border-bottom: 20px;
        padding:0 0 0px;
        margin:0;
    }

Which "New posts" are you refereeing to in question 3. You can change the thumbnail sizes in the Arras settings section under the "Thumbnails" tab. I am not sure if that is what you are talking about though.

Thumbs up

  • Registered: 2012-01-03
  • Posts: 9

Re: Header

You code don't working for me but i must thank to you, because you give me clue how add image to header, thats solve my problem.  smile

I must sorry i shut be more precise in question 3 i mean latest headlines on main page,  want make rounded corner for this small images. Can't find code with one responsible for this.

Thumbs up

  • Registered: 2012-02-03
  • Posts: 11

Re: Header

Hi,

@ Imthemechanic - I tried this solution also, but it does not make a difference to the padding around my header. I am wanting my head picture to sit flush with the top menu bar and the main nav bar. Is it because my image is loaded in the Arras Options part and not included in the coding?

Thumbs up

  • Registered: 2012-02-03
  • Posts: 11

Re: Header

Sorry I forgot a link to my site: www.foodtravelbliss.com

Thumbs up

  • Registered: 2012-02-03
  • Posts: 11

Re: Header

I cannot get any of these solutions to work so I have put the header in as a custom CSS - the only problem now is that because it is not a clickable link to the home page.

Is there coding I can add to make it a clickable link?

Here is the CSS I have:

#header {
    min-width: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 1000px;
    height: 271px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
background: #f0f0f0;
    background-image:url("http://foodtravelbliss.com/wp-content/uploads/2012/02/FTBLogo_Silver.jpg");}
background: #f0f0f0; }
.logo {
    float: center;
    max-width: 590px;
    padding: 0;
}

Cheers!

Thumbs up