How to make spoiler images?

  • Resolved aseenus

    (@aseenus)


    15 years, 3 months ago

    I’m working on a wp theme for my major project that I’m building from scratch, I’m also working on this other site as a minor project that I’m not putting too much time into however I found a very nice feature on the minor project, It’s this random theme I found somewhere and it has Image spoilers where you upload an Image and when you put the Image in a post no matter what the size it will automatically be scaled down and sits on the left of the post.

    It’s a very nice feature that I would love to learn how to implement, here’s the minor project site with the image spoilers if you don’t get what I’m talking about, how would I go about doing this?

Viewing 2 replies - 16 through 17 (of 17 total)

  • Great you got that working!

    The alignment is in the css. Did you add it to your theme style.css?

    this is what I have, you can test it and see if it aligns better this way (play with padding and margin):

    .thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:2px; background:#C4C4C4; width:150px; height:150px; margin:5px 8px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#000;}
    Thread Starter aseenus

    (@aseenus)

    Thanks a lot champ, I got it working exactly how I wanted, really appreciate it! ??

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘How to make spoiler images?’ is closed to new replies.