Making sidebar headings into images

  • Resolved jeni_8686

    (@jeni_8686)


    15 years, 1 month ago

    Hi there,

    at the moment my sidebar headings such as “categories” and “archive” are designed as text links, using <h3> tags.

    How do I alter the code so that I can use my own customised images for each heading?

    Thanks
    https://www.miss-brightside.com

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

  • put something like this in your stylesheet (style.css):

    for categories:

    #categories-264771141 h3 {
  background-image: url(your_image);
  text-indent: -9999px;
}

    The other widgets have these id’s

    #recent-posts
    #flickr-sidebar
    #text-505327291
    #search
    #archives
    #linkcat-2
    and
    #gfc-login

    Peter

    Thread Starter jeni_8686

    (@jeni_8686)

    Thanks very much for your help, I will get started on it right away!

    Jeni

    Thread Starter jeni_8686

    (@jeni_8686)

    When attempting the first one, for categories, it positions itself on very left on page, far away from the sidebar!

    #categories-264771141 h3 {
    background-image: url(images/264771141.jpg);background-repeat:no-repeat;
    width:168px;
    height:35px;
    text-indent: -9999px;
    align:right;
    }

    I tried to absolutely position it in the sidebar but this seems to mess everything up!

    Thanks,
    J

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making sidebar headings into images’ is closed to new replies.