How to add logo + text in the header

Community Forums Forums Design Tips and Tricks How to add logo + text in the header

This topic is: resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  rfmeier 10 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44346

    mathiasppc
    Participant
    Post count: 27

    Can anyone help me figure out how I can add a small logo on the left side of the title and site description in the header?

    Here`s my site: http://energyinformative.org/ (genesis 2.0 beta 2)

    The logo I have in mind is around 100×100 px

    Any suggesion is appreciated. Thanks!

     

    http://energyinformative.org/
    #44353

    rfmeier
    Participant
    Post count: 518

    Hello,

    If you choose to go the css route, here is an example;

    /* style.css line ~812 */
    .title-area {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        float: left;
        padding: 16px 0;
        padding: 1.6rem 0;
        width: 360px;
        padding-left: 110px; /* pad the left to make rook for the image */
        background: url('images/someimg.png') no-repeat top left; /* add the background image */
    }

    This is just a start. I hope it helps.


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

    #44374

    mathiasppc
    Participant
    Post count: 27

    Thanks Ryan!

    Works beautifully.

    #44379

    rfmeier
    Participant
    Post count: 518

    You are welcome. I am glad I could help.


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

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

You must be logged in to reply to this topic.