Problem with "CSS 'image' (content)"

Hello,

I'm using Joomla 3.3.6 and Visforms 3.1.1.
I've some problem (conflicts ?) with a contact page created with Visforms : The search icon bug.
Screenshot (Because it's an offline website at the moment) :
With Google Chrome
With Firefox

On another page (without Visforms)

All the CSS with "content" style bug.

Is this an encoding problem ? (UTF8, UTF8 - Without BOM)
Or is this another problem ?

Thanx.

PS: Sorry for my "bad" english

Hi demonx,

your English is quiet ok!.

This is just a guess, because it is very hard to debug such a behaviour without looking at the source code of the website.

Some Visforms field types (like date fields), which are created through the Joomla! Framework code, use some of the Joomla! default IcoMoon Icons.
When Visforms is used on a Website/Template that is not based on the bootstrap framework, it may happen that IcoMoon Icons are not available through the template.
Therefore I included the default Joomla! IcoMoon font and the css code, that is necessary to make the 3 Icons, used by Visforms, work, into the visforms.css file.

Therefore now visforms.css has the following code.

When a template comes with it's own custom IcoMoon fontset (which is quite ok by itself), but uses the "icon-"prefix (which is reserved for the Joomla! IcoMoon) instead of a custom prefix, this may cause a problem.
I think, this is the source of your problem.
If you implement as a third party developer, in my opinion, you always have to respect the framework code, defaults and standards which are used by everybody and you have to make sure that, if you want to use something different, you mark it as custom and make sure it does not interfere with the default. Otherwise people, like you, have a lot of extra work and trouble.

If this is the source of your problem, you can try, if the icoMoon icons, used by Visforms, are available in the IconFont that comes with your template.
Just uncomment the css code from above in the visforms.css file in media/com_visforms/css by enclosing it with /* */

It's only the icon-calendar, icon-arrow-down-3 and icon-arrow-up-3 icons of the default Joomla! icoMoon, which are used in some situations in Visforms and in might well be, that your form doesn't use them at all, so that it might be no problem when you uncomment the css code, anyway.

Hope I could help.

Regards,
Aicha

Hi,

Thanx you for you quick response.

My website use the Framework "Helix II", and this template use Bootstrap.
And yes, this template use icons whits "icon-" prefix.

I commented the lines, and it's work !
Thanx you very much for your help.

Best regards

Hi,

glad to hear this.
You're welcome.

Regards,
Aicha