Viewing 7 replies - 1 through 7 (of 7 total)
  • I added this CSS code to my child theme style sheet:

    .qtip-content {
    position: relative;
    padding: 0px 0px !important;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    font-size: 1.4em !important;
    }

    Apparently they added “.qtip-content” since last upgrade. This code got rid of the yellow border for me and also enlarged the shrunken font size. Not sure if this is the right thing to do, but it seems to be working for me right now.

    Thread Starter wigglepit

    (@wigglepit)

    Thank you! That certainly got me closer ?? Now I just want to get rid of the border altogether. I tried adding a little more CSS but it didn’t work for me. But this is much better than it was – thanks again!

    I wonder if it has to do with qtip-hover.

    This definitely helps, but the yellow is still there. Why do these styles have to be so hidden? This should be added to the documentation.

    I think it’s qtip-default. Change it to this:

    .qtip-default {
    border: 0 !important;
    }

    Thread Starter wigglepit

    (@wigglepit)

    Thank you, that was a big help, too! I think this will likely be as good as it gets for me ??

    .qtip-content, .qtip-default {
    font-size: 12px !important;
    padding: 0 !important;
    border: 0 !important;}

    Plugin Contributor Nick Young

    (@nickyoung87)

    We did just push a release that has some changes in this area, so hopefully that will help out too. If not it looks like you got what you needed, so I am going to go ahead and mark this as resolved for now.

    Thanks!

    Thread Starter wigglepit

    (@wigglepit)

    I think everything helped, thanks!

    Yes, this one is resolved ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hover CSS style grid view’ is closed to new replies.