Problem with tooltip close button placement on custom style

How to fix tooltip close button placement in a custom CF style.

Overview

The issue occurs when a custom template's CSS overrides the default form validation styles.
Use browser developer tools to inspect the CSS and identify the conflicting rules in the template.css file, then adjust them to restore proper positioning.

Answered
Ma Matten 12 May, 2013
Hello,

Upon applying my newly created style,
I have just come to notice that the little close button on the "tooltip"
that pops up when a required field in a chronoform isn't provided, isn't positioned correctly.
That is, the little "x" always appears underneath the tooltip. (see screenshot below)

I'm pretty sure that it has something to do with the custom style (since it works in any of the default styles that come with Joomla 2.5), but I have no clue as that what is causing it and how it can be solved. (I can't help but think it must be something easy)

So thank you in advance for any help.

Kind regards,
Matt.

btw, I'm using V4 RC 3.0 of Chronoforms

Problem with tooltip close button placement on custom style image 1
Gr GreyHead 14 May, 2013
Answer
Hi Matt,

Your browser web developer tools (click F12 usually) will let you see what CSS is causing this.

Bob
Ma Matten 14 May, 2013
Thank you very much sir, that's a very useful bit of information you've given me there.
I've immediately found out that the template.css file of the new template did indeed override some settings from formcheck.css

So problem solved!

Kind regards,
Matt.
This topic is locked and no more replies can be posted.