Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Customizing jQuery Tooltip styling

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #43677
    isuru
    Participant

    I’m customizing the jQuery UI tooltip to look like [this](http://i.imgur.com/38kYdfU.png “”). My current status looks like [this](http://codepen.io/Isuru-Nanayakkara/pen/vzjpD “”).

    I’m stuck on how to position the arrow on the left side of the tooltip as shown in the image.

    Can someone please help me out in this?

    P.S : I’m not sure if you can notice, but there’s a slight gray color border around the tooltip. I saw it clearly when I applied the same code on a web page. Although I’ve removed all the CSS rules for related to borders, the gray line still appears. How can I remove that?

    Thank you. :)

    #129783
    Paulie_D
    Member

    I’m not entirely sure that this can be done.

    I’m no expert in HQ or JQUI but I don’t think it’s set up to do that.

    Without getting into the full CSS of the JQUI, I can’t speak further as there seem to be classes in there that aren’t actually doing anything.

    #129784
    isuru
    Participant

    Oh! Is that so? Welp, that’s too bad. Thanks anyway. As always :)

    #129785
    Paulie_D
    Member

    Not saying it can’t…just I can’t figure it out from what I am seeing.

    Others might be (**are**) better at that than I.

    #129786
    CrocoDillon
    Participant

    This might get you started, don’t have time now to make it prettier: http://codepen.io/CrocoDillon/pen/Dmiqw

    Only changed some CSS.

    #129797
    isuru
    Participant

    Sweet! I made some slight positioning changes in the arrow and its all good. Thanks a lot, man :)

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.