Changer la couleur de fond et de la Police du contenu d'un iframe

[boz37]

Bonjour,

J'ai des agenda google intégré en iframe sur quelques pages du site que j'administre mais je n'aime pas les couleurs de base de l'agenda google car elles ne s'intègrent pas avec les couleurs du template.
J'ai bine compris comment changer quelques couleurs directement dans les paramètres de l'agenda google lui même mais on ne peut pas tout changer.

J'ai trouvé cette vieille discussion qui s'appliquait à joomla 1.x mais je vois pas dans quel fichier css du templte il faut que je colle ce code et d'ailleurs est il toujours d'actualité:

https://forum.joomla.fr/showthread.php?61319-Changer-la-couleur-de-fond-du-contenu-d-un-iframe

J'ai aussi essayer d'ajouter un style="background-color: #0d7813; dans le code iframe mais ça ne met pas le fond en vert

Bref je sèche

[lomart]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Bonjour,

Il faut récupérer les sélecteurs CSS avec un inspecteur de code.
Puis dans le fichier "custom.css" ou équivalent, ajouter les règles CSS

Une URL pour vous aider ?

[boz37]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Re,

Ouahou déjà une réponse

Bon par contre je ne sais pas ce que c'est qu'un sélecteur CSS donc vous n'allez pas m'apprécier si vous devez tout m'expliquer

Vous voulez l'url du site en question c'est ça ?

@+

[lomart]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Vous voulez l'url du site en question c'est ça ?

oui, c'est mieux surtout pour expliquer

un sélecteur CSS, c'est par exemple .sidebar pour cibler la colonne de coté

[boz37]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Re,

Ok, donc oui des .sidebar ou autre j'en ai vu plein dans les fichier css de mon template et du coup le "." je me demandais si ce n'était pas une "norme plus ressente donc qe ke code que j'avais trouvé pour joomla 1.x donc j'avais ajouté un "." devant "iframe" mais bine evidemment ça n'a pas fonctionné...

En bas de ces 2 pages, il y a les calendrier Google:

https://www.foyer-rural-cev.fr/index.php/menu-reservation-de-salle/menu-reservation-petite-salle

https://www.foyer-rural-cev.fr/index.php/menu-reservation-de-salle/menu-reservation-grande-salle

je souhaite changer au moins le fond qui est actuellement bleu pâle et a police bleu foncée.
Du style, le fond bleu clair par le vert du site et la police bleu foncée par du blanc mais ça c'est accessoire, le principal est de comprendre comment faire et ensuite je ferais des essais pour voir ce qui va le mieux

Le template est celui là https://warptheme.com/joomla-templat...omla-template/
j l'ai en version 1.0.2 car je n'avais pas vu qu'il y avait eu des mises à jour mais je pense pas que ça soit important pour le moment sauf si dans les change log il y a un truc important pour mon problème du jour

Merci @+

[lomart]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Il faut ajouter les règles suivantes dans le fichier custom (pour warp, je ne connais pas):

/* le cadre en vert */
#calendarContainer1, .wk-weektop, .wk-dummyth, .ui-rtsr-selected, .ui-rtsr-unselected {
background-color: #4FBF70;
color: #fff;
}
/* les jour en blanc*/
.wk-daylink {
color: #fff;
}
/* aujourdhui en bleu */
.wk-dayname.wk-today span {
color: blue;
}

pour obtenir ceci :

[boz37]

Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

Re,

Désolé pour le retard, j'étais en RDV chez un client

je ne m'attendais pas à une telle réponse, ça sent la maitrise du css
Bon par contre je ne dois pas faire ce qu'il faut car ça ne fonctionne pas

Le fichier custom de mon Template ressemble à ça maintenant:

/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 /* le cadre en vert */
#calendarContainer1, .wk-weektop, .wk-dummyth, .ui-rtsr-selected, .ui-rtsr-unselected {
background-color: #4FBF70;
color: #fff;
}
/* les jour en blanc*/
.wk-daylink {
color: #fff;
}
/* aujourdhui en bleu */
.wk-dayname.wk-today span {
color: blue;
}

J'ai vidé le cache de Joomla et de cache de mon navigateur, j'ai texté sur Firefox , IE et Edge et ça fait pareil

@+

[lomart]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

Bon par contre je ne dois pas faire ce qu'il faut car ça ne fonctionne pas

Non, tout est parfait
Par contre la feuille de style ne se charge pas sans que je comprenne pourquoi. La maitrise a ses limites

Il faudrait supprimer tout dans custom.css (sauf l'entête) et mettre uniquement

#calendarContainer1 { background-color: #4FBF70; }

[lomart]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

Mettre plutôt .view-container-border à la place de #calendarContainer1

[boz37]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

Re,

Ca fait pareil
que ça soit avec

#calendarContainer1 { background-color: #4FBF70; }

Ou

.view-container-border { background-color: #4FBF70; }

Je fait ces modifs avec Notepad++ et je renvoie le fichier par ftp sur l'espace d'hébergement mais j'ai vu que depuis joomla je peux modifier aussi des trucs dans le template, je peux aussi le faire par là si nécessaire.
D'ailleurs, dans la partie " Templates : Modifier le style", j'ai un onglet "layout" ou je peux personnaliser des blocs portant les noms de position du template et l'un d'eux est celui où les article s'affiche.
Il y a une case "Custom CSS Class" sous laquelle il est écrit "If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file."

Faut il du coup appeler une partie du css custom ou quelque chose du genre pour qu'il se charge ?

@+

[lomart]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

Faut il du coup appeler une partie du css custom ou quelque chose du genre pour qu'il se charge ?

Non ce qui est bizarre, c'est que le fichier se charge bien mais le navigateur ne le prend pas en compte

Il doit y avoir un compresseur de fichier intégré. Est-il possible de l'annuler ou de forcer la compilation ?

[boz37]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

j'vais passer pour un gros naze mais c'est quoi un compresseur de fichier intégré et l'histoire de la compilation ?

Pour info, je n'ai aucun composant, module, ou plugin additionnel sur ce site, il y a juste le template qui a été ajouté

[lomart]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

Je pense que warp embarque un programme (compresseur) qui optimise les fichiers.
Sur cette page, il montre comment le régler : https://yootheme.com/themes/warp-framework

[boz37]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

j'ai trouvé ça dans "Templates : Modifier le style"

mais c'est déjà inactif, idem pas de compression active dans les paramètres système de joomla
P'tain si c'est le template qui fou la merde c'est dommage

[lomart]

Re : Changer la couleur de fond et de la Police du contenu d'un iframe

On va contourner le problème !

Vous installer ce plugin sur votre site : https://lomart.fr/extensions/custom-css

Vous mettez perso.css dans la zone site et vous l'activer

Dans le dossier /templates/wt_nature_free/css/ vous créez avec notepad un fichier perso.css contenant les règles que j'ai indiquées