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 1 year, 6 months 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: 603

    Hello,

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

    [css]
    /* 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 */
    }[/css]

    This is just a start. I hope it helps.


    #44374

    mathiasppc
    Participant
    Post count: 27

    Thanks Ryan!

    Works beautifully.

    #44379

    rfmeier
    Participant
    Post count: 603

    You are welcome. I am glad I could help.


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

You must be logged in to reply to this topic.