Reduce border width yet retain the "flashing" property of a thumnail?

  • Author
    Posts
  • #713212

    generations
    Member

    I like how the Chunk Theme creates a border which changes from grey to black as you roll over a thumbnail however the border is too wide for my tastes. When I try to edit the image border width in “Advanced Image Settings” and set the border to 2px it just ads a black border around the image which no longer changes color as you roll over it with the cursor. So I am leaving the stock settings alone for now until I figure out how to make the border narrower yet retain the “flash” or color change from grey to black. Any ideas? Do I have to do something in the “Advanced Link Settings” area?

    Here is a link to the post in question:

    http://monongahela.wordpress.com/2011/09/23/lets-put-the-monongahela-daily-republican-online/?preview=true&preview_id=817&preview_nonce=c7ff951ff5

    The blog I need help with is monongahela.wordpress.com.

    #713321

    In the advanced image settings under “style” add the following and then adjust the value as desired (the existing is 10px).

    border: 5px solid #DDDDDD;

    #713322

    generations
    Member

    Thank you, but when I tried that (using 2px instead of 5px) it no longer “flashes” when you roll over the image with the cursor. Any other ideas?

    #713323

    That is sort of one of the drawbacks. To adjust the border and keep the black “hover” effect, you would have to have the Custom Design Upgrade and then adjust things via CSS.

    #713324

    generations
    Member

    Thanks for letting me know, I appreciate your quick answer!

    #713331

    You are welcome.

The topic ‘Reduce border width yet retain the "flashing" property of a thumnail?’ is closed to new replies.