Codes CSS, HTML…

Type de code
Type de code
Catégorie de code
Catégorie de code
⚙️ Type de code : CSS, HTML
🗃️ Catégorie de code : Divers HTML
				
					/* Masquer Contact sur PC */
@media screen and (min-width: 768px) {
    .menu-item-109 {
        display: none !important;
    }
}
				
			

Pour trouver l'élément à masquer, faire un clic-droit et "Inspecter". Vous devriez voir une ligne :

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="https://www.oxicat.com/contact" class="elementor-item">Contact</a></li>

Remplacer le numéro (109) par la valeur de l'entrée du menu concernée à masquer.

Coller le code dans Apparence > CSS personnalisée (global) ou sur l'élément menu d'Elementor.

⚙️ 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 !

⚙️ 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

☀️ 🌞 🌠 🌈 🌸 💥 🔥 ⚡️
🚀 🧨 💎 🍾 🥂 🎯 🎯 📸

⚙️ 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 */
    );
}
				
			
⚙️ 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;
}
				
			
⚙️ Type de code : HTML
🗃️ Catégorie de code : Divers HTML
				
					/* Bouton HTML */
<a href="https://" target="_blank" rel="noopener"><button>Texte sur le bouton</button></a>
				
			
⚙️ 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;
}
				
			
⚙️ 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;
}
				
			
⚙️ 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
				
			
⚙️ 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;
}
				
			
⚙️ Type de code : CSS
🗃️ Catégorie de code : Plugins
				
					/* Masquer Crédits Loginpress */
.loginpress-show-love {
    display: none !important;
}
				
			
⚙️ 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;
}
				
			
⚙️ 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;
}
				
			
⚙️ 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;
}
				
			
⚙️ 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%);
}
				
			
⚙️ 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;
}
				
			
⚙️ 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;
}
				
			
⚙️ 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;     
}
				
			
⚙️ 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;
}
				
			
⚙️ Type de code : CSS
🗃️ Catégorie de code : Elementor
				
					/* Ajouter espace après bullet-list */
.elementor-widget-text-editor ul, ol {
	margin-bottom: 15px;
}
				
			
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
				
					/* Effet smooth scroll */
html {
	scroll-behavior: smooth !important;
}
				
			
⚙️ Type de code : CSS
🗃️ Catégorie de code : Divers HTML
				
					/* Personnaliser Adminbar */
#wpadminbar {
    background: #405c91;
    height: 50px;
}

				
			

Rechercher un produit ou un service...