I would either like to change out the right corner close button with the solid X in circle

1,276 views
Skip to first unread message

Matt Abron

unread,
Sep 11, 2010, 8:43:02 AM9/11/10
to fancybox
Thanks for taking the time to read my question!

I having a very difficult time trying to change out the close pop-up
functionality to the fancybox.....(first time user)

BEST SCENARIO: I would either like to change out the right corner
close button with the solid X in circle close button, but no luck

OR create a custom button inside the frame...again tried many things
that are suggested but no luck...

I can create the button but where do I put the bit of code //parent.
$.fn.fancybox.close

Using 3.1


Here is the page:
http://www.mattabron.com/Gano_v1/Letter.html

Thanks for any suggestions!
matt

jasonko

unread,
Sep 14, 2010, 3:19:42 PM9/14/10
to fancybox
If i read your question correctly you just want to change out the
graphic to a custom X. If that's correct you can find the location of
this graphic in the fancybox folder and the file
jquery.fancybox-1.3.1.css. Once you have it open the location of the
graphic is "fancybox.png" which you'll see below.

#fancybox-close {
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
background-image: url('fancybox.png');
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
Reply all
Reply to author
Forward
0 new messages