Sidebar image in Twentyten

  • How do you add an image into the sidebar using the CSS. I’ve created a sign-up box at https://www.intelligentrunning.com and wanted to enclose the text and sign-up box in a box image. I’ve added the text into the sidebar.php but can’t get an image to appear to show the text inside a box image. Any help appreciated. Thanks

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

  • Assign a unique ID to the list item in sidebar.php and set the background (or background-image) in style.css, for instance:

    li#signup {
background: #ffffff url(images/box.png) top center no-repeat;
}
    Thread Starter cgsmith1

    (@cgsmith1)

    Tried this…for some reason it is not showing up. Any ideas. Thanks

    Make a new list item like this: 

    <li id="signup" class="widget-container">
	//your stuff
</li>

    and position it right below:

    <ul class="xoxo">

    Should work!

    Thread Starter cgsmith1

    (@cgsmith1)

    Really appreciate your help but still can’t get it to work. I called the id “signupbox” as there is already another id “signup”. Any ideas apprecaited. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar image in Twentyten’ is closed to new replies.