Type de code
Catégorie de code
Cacher certains champs d’un formulaire Gravity Forms pour une URL spécifique
⚙️ Type de code : CSS
🗃️ Catégorie de code : Gravity Forms
body.page-id-1930 #field_2_14,
body.page-id-1930 #field_2_15 {
display: none !important;
}
- body.page-id-1930 > remplacer 1930 par l'ID réél de la page
- #field_2_14 > Remplacer "2" par l'ID réél de votre formulaire, remplacer 14 par l'ID du 1er champ Gravity Forms à masquer
- #field_2_15 > Remplacer "2" par l'ID réél de votre formulaire, remplacer 15 par l'ID du 2ème champ Gravity Forms à masquer
Ajoutez ou supprimer des lignes pour masquer d'autres champs !
Emojois
⚙️ Type de code : Divers, HTML
🗃️ Catégorie de code : Emojois, Divers HTML
✅ Validation / Réussite
✅ ☑️ ✔️ 🆗 🆒 🟢 🟩 🔘 ✳️
🏆 🥇 🥈 🥉 🎖️ 🏅 🎯 💎 🪙
⚠️ Alerte / Attention / Erreur
⚠️ 🚨 🚫 ❗ ❕ ❌ 🛑 🔴 🟥 ❎
💥 💣 🔥
📊 Statistiques / Documents / Données
📊 📈 📉 🗂️ 🗃️ 🗄️ 📋 📑 🧾
📄 📝 🗒️ 📚
🧰 Outils / Actions
🔧 🔨 🪛 🪚 🧰 🪜 ⚙️ 🧱 🛠️
🧲 🗜️ 🔩
📩 Communication / Partage
📢 📣 📬 📧 📨 📩 🗨️ 💬 🗯️
📤 📥 📎 📌 🖊️
💡 Idées / Créativité
💡 💭 🤯 ✨ 💫 🧠 🌟 🌠
🧑💼 Personnes / Équipe / Participants
👤 👥 🙋♂️ 🙋♀️ 👨💻 👩💻 🧑🎓 👨🏫 👩🏫
👍 👎 👋 🤝 👏 🙌 💪 🫶 🙏 👈 👉 👆 👇
😄 Émotions / Réactions
😀 😃 😄 😁 😆 😊 😍 🥰 🤗 😎 🤔 😐 😬 🫣 🫡
🥳 🤩 😤 😢 😡 🥺
🎁 Offres / Cadeaux / Surprise
🎁 🎉 🎊 🎈 🎀 🛍️ 💝 💌
🔍 Recherche / Inspection
🔍 🔎 🧭 🧬 🔬 🔭
🔄 Navigation / Rechargement / Action
🔄 🔁 🔃 🔂 ↩️ ↪️ 🔙 🔜 🔛 🔚
🔼 🔽 ⬅️ ➡️ ⬆️ ⬇️ 🔝
💻 Fichiers / Dossiers
📁 📂 🗃️ 📦 📥 📤 💾 🖥️
📦 Organisation / Éléments
📦 🧱 🔑 🔐 🗝️ 🧩 🧲 🧷
🌈 Couleurs / Badges
🟢 🔴 🟡 🔵 🟠
🟩 🟥 🟨 🟦 🟧
🔶 🔷 🔸 🔹
🌟 Ambiance / Métaphores
☀️ 🌞 🌠 🌈 🌸 💥 🔥 ⚡️
🚀 🧨 💎 🍾 🥂 🎯 🎯 📸
Fond de bloc effet radial
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
/* Fond radial */
.fond_radial {
background: radial-gradient(ellipse 100% 50% at center,
rgba(120, 86, 255, 0.1) 10%, /* Violet adouci */
rgba(86, 216, 255, 0.1) 30%, /* Bleu ciel adouci */
rgba(255, 204, 112, 0.1) 50%, /* Jaune doux */
rgba(255, 255, 255, 1) 80% /* Blanc opaque */
);
}
Fond de bloc avec effet blur
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
/* Fond de bloc avec effet blur */
.backtitle-blur-effect {
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: saturate(180%) blur(7px);
border-radius: 20px;
}
Bouton en HTML
Désactiver téléchargement images slideshow Elementor
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Désactiver téléchargement images slideshow Elementor */
elementor-slideshow--share-mode .eicon-share-arrow {
z-index: 2;
display: none !important;
}
.elementor-slideshow__share-menu {
display: none !important;
}
/* Désactiver bouton de partage RS images slideshow Elementor */
i.eicon-share-arrow {display:none !important;
}
Blur effect
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML, Elementor
/* Blur effect */
.backtitle-blur-effect {
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: saturate(180%) blur(7px);
border-radius: 30px;
}
Gravity Perks Inventory
⚙️ Type de code : Divers
🗃️ Catégorie de code : Gravity Forms
(Reste {available} {place|Places})
Message : Désolé, il n'y a plus de places disponibles pour cette date
Titre dégradé Elementor
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Titre dégradé Elementor */
selector .elementor-heading-title {
background-color: #000;
background-image: linear-gradient(45deg, #7243ff, #5e88ff, #9537cb, #ff643a, #ee103f);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
Masquer Crédits Loginpress
⚙️ Type de code : CSS
🗃️ Catégorie de code : Plugins
/* Masquer Crédits Loginpress */
.loginpress-show-love {
display: none !important;
}
Pointeur main sur boutons Gravity Forms
⚙️ Type de code : CSS
🗃️ Catégorie de code : Gravity Forms
/* Pointeur main sur boutons Gravity Forms */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"] {
cursor: pointer !important;
}
Champ telephone Gravity Perks Advanced Phone Field
⚙️ Type de code : CSS
🗃️ Catégorie de code : Gravity Forms
/* Champ telephone Gravity Perks Advanced Phone Field */
.iti__selected-country {
border-radius: 0px !important;
background: #a1cbed !important;
}
Case de consentement inline Gravity Forms
⚙️ Type de code : CSS
🗃️ Catégorie de code : Gravity Forms
/* Case de consentement inline Gravity Forms */
.gfield_consent_label {
width: 90%;
font-size:0.8em;
}
Ombre sur titre
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Ombre sur titre */
.elementor-cta__title {
text-shadow: 1px 2px 1px rgb(0 0 0 / 70%);
}
Rendre le footer sticky
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Footer sticky bottom */
.elementor-location-footer {
position: fixed;
bottom: 0;
z-index: 999;
}
/* Forcer sticky footer en bas */
body{
min-height: 100vh;
display: flex;
flex-direction: column;
}
.elementor-location-footer {
margin-top: auto;
}
Formulaire de connexion WordPress
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
/* Formulaire de connexion WordPress - Masquer URL Politique de confidentialité */
.login .privacy-policy-page-link {
display: none;
}
/* Formulaire de connexion WordPress - Masquer Langage switcher */
.language-switcher {
display: none;
}
Blocs de citation
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Exemple 1 */
blockquote:not(.shortcode-blockquote):not(.elementor-blockquote), blockquote.shortcode-blockquote.block-style-widget, .block-style-widget {
background-color: #f3f6fd;
border-style: solid;
border-width: 0px 0px 0px 5px;
border-color: #613cda;
padding: 10px 10px 10px 10px;
margin-top: 10px;
}
/* Exemple 2 */
blockquote:not(.shortcode-blockquote):not(.elementor-blockquote), blockquote.shortcode-blockquote.block-style-widget, .block-style-widget {
color: #ffffff;
background-color: #333333;
border: 2px dashed #ffff10;
border-radius: 7px;
padding: 10px 10px 10px 10px;
margin-top: 10px;
}
Ajouter espace après bullet-list Jet Engine Content
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor, Jet Engine
/* Ajouter espace après bullet-list Jet Engine Content */
.jet-listing-dynamic-field__content ul, ol {
margin-bottom: 15px;
}
Ajouter espace après bullet-list
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
/* Ajouter espace après bullet-list */
.elementor-widget-text-editor ul, ol {
margin-bottom: 15px;
}
Effet smooth scroll
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
/* Effet smooth scroll */
html {
scroll-behavior: smooth !important;
}
Personnaliser Adminbar
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
/* Personnaliser Adminbar */
#wpadminbar {
background: #405c91;
height: 50px;
}