Do you have any other ideas? I've tried everything to move it. -Jason
On Feb 26, 1:42 pm, "Richard D. Worth" <rdwo...@gmail.com> wrote: > On Thu, Feb 26, 2009 at 3:43 PM, sith250 <jkes...@gmail.com> wrote: > > > Thanks. I've already poked through the docs and standard CSS files. > > Honestly, you've been more helpful. > > > Yeah, I'm not having any luck changing the positioning or the hover > > state at all. The positioning is most important at the moment. > > Obviously it needs to move a couple pixels up and a few pixels to the > > left. Any suggestions? > > margin-top: -1px; > margin-left: -5px; > > - Richard > > > > > > > -Jason > > > On Feb 26, 12:18 pm, "Richard D. Worth" <rdwo...@gmail.com> wrote: > > > On Thu, Feb 26, 2009 at 2:44 PM, sith250 <jkes...@gmail.com> wrote: > > > > > Eureka! > > > > >http://www.icebase.com/modal_test.html > > > > > Looks like now, I just need to play with positioning a little right? > > > > Yup. Plus you'll want to take a look at how to handle the hover state, > > which > > > right now isn't quite right with your image. You could swap to another > > > image, or slide using a sprite. > > > > > Thanks for the help thus far. I'm pretty good with CSS when I have > > > > proper instructions. The CSS for this jQueryUI stuff seems really > > > > complicated for me though. > > > > Take a look here (if you haven't already): > > > >http://jqueryui.com/docs/Theminghttp://jqueryui.com/docs/Theming/API > > > > Also, you may want to take a dig into these files to get a feel for what > > > you're working with (hopefully not against): > > >http://jquery-ui.googlecode.com/svn/tags/1.6rc6/themes/base/ui.core.c.... > > .. > > > > - Richard > > > > > -Jason > > > > > On Feb 26, 11:33 am, "Richard D. Worth" <rdwo...@gmail.com> wrote: > > > > > Ah, since you've specified > > > > > > background-image: url(... !important > > > > > > instead of > > > > > > background: url(... !important > > > > > or > > > > > background-image: url(... !important > > > > > background-position: 0 > > > > > > you're not overriding the background-position, set by > > ui-icon-closethick > > > > > (all the jQuery UI CSS Framework icons are css sprites, so all but > > one > > > > have > > > > > non-zero positions). > > > > > > - Richard > > > > > > On Thu, Feb 26, 2009 at 2:21 PM, sith250 <jkes...@gmail.com> wrote: > > > > > > >http://www.icebase.com/modal_test.html > > > > > > > On Feb 26, 10:30 am, "Richard D. Worth" <rdwo...@gmail.com> wrote: > > > > > > > Hmm. I tested both before I mentioned them. Can you share a > > sample > > > > page > > > > > > > perhaps? > > > > > > > > - Richard > > > > > > > > On Thu, Feb 26, 2009 at 1:25 PM, sith250 <jkes...@gmail.com> > > wrote: > > > > > > > > > .ui-dialog-titlebar-close .ui-icon { > > > > > > > > height: 18px; > > > > > > > > width:24px; > > > > > > > > background-image: > > > > url(/platform/images/small_close_button.gif) > > > > > > ! > > > > > > > > important; > > > > > > > > background-repeat:no-repeat; > > > > > > > > display:block; > > > > > > > > cursor:pointer; > > > > > > > > } > > > > > > > > > The end result was an empty closebox with default round > > corners... > > > > no > > > > > > > > image at all. > > > > > > > > > On Feb 26, 2:25 am, "Richard D. Worth" <rdwo...@gmail.com> > > wrote: > > > > > > > > > You can either change your selector to > > > > > > > > > > .ui-dialog-titlebar-close .ui-icon > > > > > > > > > > which is a little more accurate and descriptive. Or with your > > > > > > existing > > > > > > > > > selector (.ui-icon-closethick) just add !important, like so: > > > > > > > > > > background-image: > > url(/platform/images/small_close_button.gif) > > > > > > > > !important; > > > > > > > > > > - Richard > > > > > > > > > > On Wed, Feb 25, 2009 at 6:11 PM, sith250 <jkes...@gmail.com> > > > > wrote: > > > > > > > > > > > Ok, I'm fairly familiar with CSS, but I'm no expert. Can > > > > someone > > > > > > > > > > please tell me how to create a custom button JUST for the > > > > dialog? > > > > > > I've > > > > > > > > > > been able to override other elements ok, but > > ui-icon-closethick > > > > > > just > > > > > > > > > > wont work. I simply want to replace that boring grey "X" > > with a > > > > > > nice > > > > > > > > > > red glossy button that matches the rest of my site. Is that > > > > even > > > > > > > > > > possible? I was hoping it would be something as simple as > > this: > > > > > > > > > > > .ui-icon-closethick { > > > > > > > > > > height: 18px; > > > > > > > > > > width:24px; > > > > > > > > > > background-image: > > > > > > url(/platform/images/small_close_button.gif); > > > > > > > > > > background-repeat:no-repeat; > > > > > > > > > > display:block; > > > > > > > > > > cursor:pointer; > > > > > > > > > > } > > > > > > > > > > > Nope! That don't work at all. I was able to override the > > title > > > > bar > > > > > > > > > > easy, but not this darn button! > > > > > > > > > > > Any help would be greatly appreciated! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
