• I would like to add a small image to the header on the sidebar.

    I would like to put it to the left of search, Recently Written and so on.

    Thanks
    Ricardo

Viewing 8 replies - 1 through 8 (of 8 total)
  • People need a link to your website to understand what you want to do.

    Thread Starter rleon

    (@rleon)

    Did you mean ‘above’ Search and Recently Written, etc? There isn’t any room to the left of the sidebar.

    An easy way to do this is to add a Text widget at the top of the sidebar and put the code for a link to an image inside it.

    Try this with the CSS:

    #search h3:before { content: url(path/image.jpg); }

    The only drawback is that it doesn’t work on older versions of Internet Explorer.

    Thread Starter rleon

    (@rleon)

    Wendel Brume
    What do you mean add a text widget?

    Here is what I have

    Recently Written
    Wellness Expo: Sat/Sun, October 18th-19th

    And I would like to have this

    <small img> Recently Written
    Wellness Expo: Sat/Sun, October 18th-19th

    jberghem

    I do not understand where I am supposed to put the code.

    #sidebar h2 { :before { content: url(images/bird.gif; }
    color: #987FC6;
    font-size: 14px;
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 0px 0px 3px 5px;
    margin: 0px;
    border-bottom: 1px solid #D8D1BE;
    text-transform: uppercase
    }

    rleon – My suggestion won’t work for that, sorry.

    Thread Starter rleon

    (@rleon)

    any ideas?

    You put that code in the style.css file
    And not like this:

    #sidebar h2 { :before { content: url(images/bird.gif; }
    color: #987FC6;
    font-size: 14px;
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 0px 0px 3px 5px;
    margin: 0px;
    border-bottom: 1px solid #D8D1BE;
    text-transform: uppercase
    }

    But like this:

    #sidebar h2:before {
    content: url(images/bird.gif;
    }
    #sidebar h2 {
    color: #987FC6;
    font-size: 14px;
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 0px 0px 3px 5px;
    margin: 0px;
    border-bottom: 1px solid #D8D1BE;
    text-transform: uppercase
    }

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Adding image to header on sidebar.’ is closed to new replies.