WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] thumbnail text (2 posts)

  1. marcohamersma
    Member
    Posted 7 years ago #

    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.

  2. Kafkaesqui

    Posted 7 years ago #

    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:

    http://guff.szub.net/images/click.png

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic