Support » Fixing WordPress » thumbnail text

  • Resolved marcohamersma


    Is it possible to automaticly put a text like enlarge or something else at the bottom of a generated thumbnail? because i don’t want a border around linked images but i imagine some visitors don’t see/know the difference between a image and a image that can be enlarged, if you know what i mean.

Viewing 1 replies (of 1 total)
  • There are a number of ways to go about this, but here’s how *I* do it:

    1. Set up a class declaration in your theme’s stylesheet for ‘clickable’ thumbnail images. Here’s an example:

    .thumb {
    padding: 0 8px 12px 8px;
    background-image: url(images/click.png);
    background-position: center bottom;
    background-repeat: no-repeat;

    2. We need a ‘click’ image for this. Here’s one:

    but feel free to make your own. Keep the following in mind:

    • The image should be as small as it possibly can.
    • Length of image text should not be more then the width of your thumbnails. Same goes for height of text and bottom padding. These can be offset somewhat by playing with the padding values in your ‘thumb’ declaration.
    • Make sure the path to the image in url() is correct.

    3. Add class="thumb" to the img tag of your clickable image thumbnails.

Viewing 1 replies (of 1 total)
  • The topic ‘thumbnail text’ is closed to new replies.