Jump to content

- - - - -

Change image when hovering over box image

Box Image Hover

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 navigos



  • Members
  • 8 posts

Posted 16 April 2013 - 12:04 AM

I was reading this forum and I noticed that the same solution might apply to my customization with different syntax: 

Please Login or Register to see this Hidden Content


I want to have my boxes [section, part of the core framework] images (or media as you call it) change when you hover over them with another image. For example if the image is a simple b&w lightbulb then when you hover over it it would look like a yellow lightbulb (because there is an image of a yellow lightbulb saved on my website that I can call). So what I need is a class that calls this other image when the mouse hovers over the original image saved as. Also there is a field in the box set-up options that is called "Boxes Custom Class" so I am assuming I would simply place the code in that text box. Oh, and I need to make sure that the image hyperlink ("Box Link (Optional)" field) still works. 


Any ideas, inputs are greatly appreciated.






#2 Rob


    One Smart Egg

  • Members
  • 13575 posts

Posted 16 April 2013 - 12:47 AM


I do not believe you can use sprites (image hover changes) in Boxes because the image doesn't let you insert code, and it's very difficult to identify a specific box identifier.  However, there's an option.



Please Login or Register to see this Hidden Content

and wait a moment for that large page to load. Then click on Grid System. Use the grid in place of your boxes.



Please Login or Register to see this Hidden Content

  to learn more about Sprites.


Another option would be to use the WP Boxer plugin, which does uniquely identify each content block (like boxes).