Phoca Maps fond

[Claude Reymond]

Bonjour,
Je souhaiterai avoir un fond sur ma page "lieu" avec le composant "phoca maps". Lors de l’utilisation du calcul de l'itinéraire, l'affichage est sur un fond transparent et du coup c'est illisible. Je souhaiterai avoir un fond comme sur les autres pages.
J'ai le même problème sur la page "contact" avec le composant "convert form"

Je suis avec Joomla 5, Template a4joomla-best-
Site : https://www.claudereymond.com/index.php/lieu

Merci par avance pour vos réponses

[Helloo]

Bonjour,
Pour la page lieu par exemple, mettre ce code dans ton fichier user.css ou tes css personnalisé selon ton template.

#phocamaps {
  padding: 20px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 10px;
  box-shadow: 0px 0px 8px #616161;
}​

[Claude Reymond]

Merci Helloo, c'est génial !

Comment fait-on poir voir en direct comme le fichier joint ?

J'aiessayé de faire demême avec "convertforms" mais cela ne fonctionne pas. Y-a-t'il une autre solution ?

[Helloo]

En utilisant l’inspecteur avec la touche F12 (Firefox) il est possible de voir les modifications en direct.

Voici un exemple :

#cf_2
{
  padding: 20px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 10px;
  box-shadow: 0px 0px 8px #616161;
}​

[Claude Reymond]

Merci Helloo,

Où dois-je placer le code HTML ?

[Helloo]

Merci Helloo,

Où dois-je placer le code HTML ?

Dans le fichier user.css

[Claude Reymond]

C'est ce que j'ai fait, mais cela ne fonctionne pas.

[Helloo]

C'est ce que j'ai fait, mais cela ne fonctionne pas.

Le code n'est pas présent dans le user.css, as-tu oublié d'enregistrer les modifications ?

EDIT: Il semblerait que tu as fait du copier/collé sans nettoyé le code. Enlève ces "\u200b" , chez toi peut être des points bleus. Avant d’insérer le code dans le fichier css, il est obligatoire de nettoyer le code en passant, par exemple, par le bloc-notes (Windows)

[Claude Reymond]

Merci cela fonctionne. Effectivement, c'était bien les "\u200b"
Merci pour vos informations et votre rapidité.
Belle soirée à vous !

[Helloo]

Merci et bonne soirée à vous également.

[Claude Reymond]

Bonjour Helloo,
J'ai encore une question, quel est le code pour centrer l'article ?

[Helloo]

Bonjour,

En principe, il est possible de centrer directement depuis l’éditeur.

Personnellement j’utilise l’éditeur JCE Pro, j’insère une ligne à 3 colonnes « 1-2-1» dans l’article, je place le code Convert Forms dans la partie centrale. Le tout est responsive et s’adapte pour les portables.

Il y a certainement d’autres possibilités, mais moi je fais comme ça.

[RobertG]

Bonjour,

A priori, ce code dans user.css ou son équivalent pour ce template devrait convenir :

#cf_2 {
    margin-left:auto;
    margin-right:auto;
}​

[Claude Reymond]

Merci Helloo,
C'est ce que je viens de faire et c'est Ok

Belle journée à vous