Reduce header height and remove image

  • Resolved gulliver

    (@gulliver)


    11 years, 7 months ago

    Although I’m reluctant to butcher a good theme, for one specific application I need to adapt the header…

    1 Reduce the height.
    2 Remove the background image, and add a background color.
    3 Remove the parallax scroll effect.
    4 Replace the text with an image and move to the top left corner, adding responsive behavior so it reduces in size on smaller displays.

    Although I’ve done some of this on an earlier test install, I’m inexperienced and don’t trust my code. Also, I’m probably not the only one who could use such a variation and so adding this post may be appropriate.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Anders Norén

    (@anlino)

    11 years, 7 months ago

    Hi Gulliver,

    I’m not able to write the code for you step by step, but to simplify it, this is what you would need to do:

    1. Remove the custom header image code from header.php and replace it with a custom color (easiest way would be some simple inline CSS code).
    2. Add custom CSS for .header.section and set padding to something like padding: 50px 0;
    3. For point four, the simplified instructions are pretty much what you’ve already written.

    I hope you understand that I can’t give you any further assistance with it. Good luck!

    — Anders

    Thread Starter gulliver

    (@gulliver)

    11 years, 7 months ago

    Anders, thanks. Appreciated.

    You’ve consistently provided attention and helpful responses to a standard far higher than many paid services provide.

    vermilionaire

    (@vermilionaire)

    11 years, 5 months ago

    Hi Gulliver!

    Were you ever able to figure this coding out? I’d like the header image to just show as white, but I don’t seem to be able to do that, even though I seemed to be able to do it with a white JPG prior to creating a child theme. Any help you could offer would be appreciated!

    Thanks!

    Thread Starter gulliver

    (@gulliver)

    11 years, 5 months ago

    I went no further with it – decided to stop trying to modify others’ themes and instead reverted to one of my own.

    From memory (and I’ve also posted other/earlier threads which may have some helpful stuff), I was working with a much-modded child theme which made the mods Anders mentioned quite straightforward.

    A quick look at my modded files suggest it’s very different from the original, and I can’t easily pick-through my changes to be able to suggest something for you.

    Sorry. I’d have liked to have been able to help.

    Thread Starter gulliver

    (@gulliver)

    11 years, 5 months ago

    To ‘vermillionaire’… if you just want a plain header, you may want to switch to another theme.

    Anders has several others which are probably suitable.

    And, not wishing to inappropriately suggest an alternative from another source, but genuinely trying to help someone here, First may be appropriate.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Reduce header height and remove image’ is closed to new replies.