How to place the Title ABOVE the header image?

  • Tamas

    #3869

    Greatings!

    First of all, I want to thank for the theme. It is great, and good fun to learn and to use it.

    I have a photo-montage as the header image. Whetever color I set up, it is difficult to read over the image.

    So, I would like to place the title of the blog ABOVE the header image, and not on the top of the image.

    How can the title be placed above the header image?

    Thanks,

    Tamas

    Anonymous

    #26010

    Try adding this to your child theme style sheet or in Graphene Options –> Display –> Custom CSS

    .header_title {
    top: -10px;
    }

    .header_desc {
    top: 30px;
    }

    Tamas

    #26011

    Thanks, Prasanna!

    I really appreciate your quick answer.

    When I add these lines into the Costum CSS section of the Theme (not a child, yet), the text goes to the top of the image. However, it is still INSIDE of the image, so, still difficult to read.

    I would like to place the text ABOVE the image, where the Search and the Feed are.

    Thanks,

    Tamas

    Anonymous

    #26012

    Okay, remove previous code and try this,

    .header_title {
    padding-left: 25px;
    top: -62px;
    z-index: 99;
    }

    .header_desc {
    padding-left: 182px;
    top: -47px;
    }

    And change title colour.

    Tamas

    #26013

    Cool! Thanks. It works now.

    This is what I added:

    .header_title {
    padding-left: 25px;
    top: -55px;
    z-index: 99;
    }

    .header_desc {
    padding-left: 95px;
    top: -55px;
    z-index: 99;
    }

    The z-index was needed in the header_desc, as well.

    THANKS a lot!

    Tamas

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

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