How to replace title of Categories widget with image?

  • Resolved ellenheck

    (@ellenheck)


    14 years, 11 months ago

    I would like to replace the title of the Categories widget (which is currently text, or if I type nothing ‘Categories’) with a .gif or .png image. Where would I find the place to insert the ‘img src’ for that image to achieve this?

    Would it be the same process to do this to the Archive widget as well?

    The site is: https://www.americasjournal.com
    I am using Atahualpa as my theme.

    Thanks

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

  • If you only intend on having the category widget then you could just change the stylesheet stuff and have the header for the widgets as the image you want instead of a colour and text.

    But if you intend on having more than one widget I have no idea… Sorry!

    Thread Starter ellenheck

    (@ellenheck)

    That’s true, but I would like to know a way to do it so that I can have many other widgets as well. Something that would exclusively deal with the Categories widget, without altering the others…

    Yeah I thought thats what you wanted… I’ll keep my eye on this as I would love to know if its possible!

    (I’m assuming HTML doesnt work in the title boxes? I’ve never tried it…)

    The widgets have unique classes, you can do it with CSS quite easily..

    .widget_categories .widget-title h3 {
  text-indent:-500px;
  background: transparent url(path/to/some/image.gif) no-repeat
}

    The negative text indent hides the text out of view, so you can then see the background whilst maintaining the original height..

    Code above is tested, so i know it works ?? … all you need do is put a valid path to an image and adjust the background properties as appropriate..

    Thread Starter ellenheck

    (@ellenheck)

    Thank You!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to replace title of Categories widget with image?’ is closed to new replies.