Comment modéliser l’onglet grille du module de blog Divi (avec 4 exemples)

Article: le n ème enfant (PAIR): vol stationnaire. Titre de l’entrée,
Carte Grid. Colonne: premier sous – article: n enfant (PAIR): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: premier sous – article: n enfant (PAIR): vol stationnaire. Post – yuan a,
Carte Grid. Colonne: premier sous – article: n enfant (PAIR): vol stationnaire. Publier le contenu P,
Carte Grid. Colonne: dernier sous – article: n enfant (PAIR): vol stationnaire. Titre de l’entrée,
Carte Grid. Colonne: dernier article pour enfants: n enfant (PAIR): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: dernier sous – article: n enfant (PAIR): vol stationnaire. Post – yuan a,
Carte Grid. Colonne: dernier sous – article: n enfant (PAIR): vol stationnaire. Publier le contenu P,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Titre de l’entrée,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Post – yuan a,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Publier le contenu P {
Couleur: # FFF;
}
Maintenant allez voir les effets sur votre blog. Exemple 3: personnaliser l’onglet module blog par ligne pour le deuxième exemple, je vais appliquer le même fond foncé et le même texte blanc pour la carte à chaque ligne (pas une colonne). Pour ce faire, vous devez viser toutes les cartes qui ont un nombre pair dans chaque colonne. Allez à Divi → options de sujet et assurez – vous que tout CSS précédent dans la boîte CSS personnalisée dans ce tutoriel est désactivé ou recadré. Puis ajoutez le CSS suivant: # gridcard article: n Sub – item (PAIR) {
Couleur de fond: # 333;
}
# gridcard article: The Ninth Child (even). Titre de l’entrée,
# gridcard article: The Ninth Child (even). Hou Yuan,
# gridcard article: The Ninth Child (even). Post – yuan a,
# gridcard article: The Ninth Child (even). Publier le contenu P {
Couleur: # FFF;
}
Les résultats sont les suivants: Exemple 4: concevoir des onglets de formulaire de blog spécifiques certaines personnes peuvent vouloir sélectionner des onglets de formulaire spécifiques. Pour ce faire, vous devez trouver un identifiant postal unique qui est automatiquement attribué à chaque carte. C’est pourquoi
Par exemple, j’utilise un navigateur Chrome. Allez à la page qui affiche le formulaire de blog et faites un clic droit sur l’une des cartes. Dans la boîte d’options qui s’ouvre, Sélectionnez inspection (certains navigateurs peuvent avoir des éléments d’inspection) Ou quelque chose comme ça. Ceci distribue une fenêtre d’outils de développement qui affiche les pages Web HTML et CSS. Localisez l’étiquette de l’article qui emballe la carte de formulaire \/ le courrier et Notez l’ID qui lui est attribué. C’est le sélecteur que vous souhaitez utiliser pour localiser une seule carte. Par exemple, je passe le curseur en haut, je fais un clic droit et je vérifie la carte avec l’id \
Contexte: # 333333;
}
# 3466 arrière. Titre de l’entrée,
# 3466 arrière. Hou Yuan,
# 3466 arrière. Post – yuan a,
# 3466 arrière. Publier le contenu P {
Couleur: # FFF;
}
Maintenant, le document adopte ce style particulier. C’est tout! Ce ne sont que quelques exemples des nombreux styles différents qui peuvent être mis en œuvre avec ce type de css pour les onglets du module blog. Vous n’avez plus besoin de garder le même style pour chaque carte. Tu peux les concevoir comme tu veux. Amusez – vous bien. J’ai hâte d’entendre quelques – unes de vos bonnes suggestions et idées dans les commentaires.