• Resolved zenticdk

    (@zenticdk)


    Hi there.

    Im haveing a problem with my site, and was hoping that someone here could help me out with some good advise.

    Im working on http://www.kenpire.dk and want to make the white header on the top of the page transparent or delete it, whatever makes it go away hehe πŸ™‚

    IΒ΄ve been looking through the first 30 websites trying to find a way to get rid of it. Can anyone please help me?

    My theme is: Twenty Eleven 1.2
    Im a rookie in CSS and HTML, so please spell it out for me πŸ™‚

    Thanks alot
    Best regards

    Kenneth
    Denmark

Viewing 15 replies - 1 through 15 (of 15 total)
  • If you make it transparent or delete it, it is going to affect the bottom white content area of your page as well.

    Your main content area has a white background. This is what you see both at the top above your image AND at the bottom in your content area.

    Sooo, instead of altering the color, let’s instead just move everything up and reduce the margin at the top of the page.

    Insert this into your stylesheet at the very bottom:

    #branding img {
        margin-top: -108px;
    }
    Thread Starter zenticdk

    (@zenticdk)

    Hi Josh. I tryed that now. Well… not really what i had in mind, but now its gone alright.

    I wanted to remove it, to make a much bigger header image, so i end up with a half circle (my logo) and the white content of the website under it.

    Now i have more or less a cut circle, hope you understand hehe. πŸ˜›
    So i guess i need a place where i can change the hight of the photo?

    Well, your current image is 288 x 1000 px.

    You should be able to use a “taller” image, say 388 x 1000 px, and the spacing should adjust automatically.

    Thread Starter zenticdk

    (@zenticdk)

    okey, eventho the upload function says max 288×1000 px? is this just written because of the way the theme worked when i got it ?

    Well, your theme might have an autocrop feature. But these can almost always be over-written using css. Go ahead and try uploading the larger image, and I’ll check if it autocrops.

    Thread Starter zenticdk

    (@zenticdk)

    Hmm doesnt work… once i try to upload the new and “taller image” the uploader wants me to pick what area of 288×1000 px i want to show of the logo.. so it must be limited to that size somewhere in the css i guess?

    Do you have FTP?

    Go to this location and manually replace the header image with your new one.

    http://kenpire.dk/wp-content/uploads/2011/11/ny-header1.png

    Thread Starter zenticdk

    (@zenticdk)

    sure gimme a sec

    Thread Starter zenticdk

    (@zenticdk)

    hmm didnt work.. dont u think i should rename it to http://kenpire.dk/wp-content/uploads/2011/11/cropped-topheader.jpg insteed? and overwrite that one?

    Well, did you successfully overwrite the image?

    Thread Starter zenticdk

    (@zenticdk)

    Fantastic Josh. Thank you thank you thank you πŸ™‚
    http://kenpire.dk/ – it works

    It worked on my end. Refresh your browser.

    You’re welcome. Congratulations!

    I gotta admit, I like the header. I really like the paint splatter effect and colors.

    Thread Starter zenticdk

    (@zenticdk)

    Thanks alot πŸ™‚ be sure to send me a mail at zenticdk@gmail.com if u ever want me to make a logo for you, for your help πŸ™‚ Ive got my inspiration from the new Saints Row the Third game

    I actually had exactly the same thing in mind πŸ˜‰

    Just something simple… don’t put too much time into it.

    I have a plugin I’d like to make some banners and buttons for.

    The mods will probably erase your email from here, but I’m sending you one now.

    Thanks again!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘transparent header??’ is closed to new replies.