Header image

  • Tomas17

    #6189

    Hello,

    Please share if there some way to achieve 100% width header image. Will be cool to have full width coloured header …?

    I will appreciate any ideas!

    Thank you!

    Mod

    Kenneth John Odle

    #33600

    100% of what?

    Tomas17

    #33601

    I mean, full width of display.

    Mod

    Kenneth John Odle

    #33602

    Graphene is not a fluid-width theme. This is possible, however it depends on two things: 1) the kind of header image you are using (is it repeatable along the x-axis?), and 2) how much do you know about CSS, or how much are you willing to learn?

    This was actually solved some months ago in this forum, but it was not easy to accomplish. If you really want to do this, take a look back around a year ago, or use the advanced search feature.

    Tomas17

    #33603

    Guys, I have a simple decision. Just add to the child theme css.

    .header-img{
    position:relative;
    width:100%;
    min-width:1024px;
    margin-left:-50%
    }

    You may see the result here:

    http://nuancet.eu

    Anonymous

    #33604

    Put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard.

    Nice modifications BTW! Deserves an entry in the showcase! 🙂

    Tomas17

    #33605

    Thank you for the good words!

    Of course I have a new ideas… 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.