Vous avez décidé de vous plonger dans le monde de la personnalisation de votre tableau d'affichage intégré pour correspondre au thème de votre entreprise? Génial!
Voici votre guide de référence pour comprendre les classes CSS à votre disposition. Décomposons-le ensemble.
Tableau d'affichage
#HumiJobBoard .humi-job-board
C'est LE tableau! Il englobe l'entièreté de votre affichage et permet d'établir le cadre pour son apparence.
Vous pouvez définir la largeur de la bordure, la couleur et les coins arrondis, ainsi que définir la police pour votre tableau d'affichage.
N'oubliez pas l'espace
Il y a un espace requis entre #HumiJobBoard et le nom de la classe.
Contenu
#HumiJobBoard .humi-job-board-content
C'est ici que réside le contenu de votre tableau d'affichage, et vous pouvez définir l'espacement entre le contenu et la bordure, garantissant une mise en page propre.
Catégorie
#HumiJobBoard .humi-job-board-category
Chaque catégorie de votre tableau d'affichage a une place spécifique. C'est ici que vous pouvez définir l'espacement entre les différentes catégories, ce qui devrait vous aider à rester organisé.
Titre de la catégorie
#HumiJobBoard .humi-job-board-category-heading
Cette classe contient la section de l'en-tête d'une catégorie du tableau d'affichage. C'est ici que vous pouvez déterminer l'espace entre le titre de la catégorie et la première annonce.
Titre de l'en-tête de la catégorie
#HumiJobBoard .humi-job-board-category-heading-title
Le titre des catégories de votre tableau d'affichage trouve sa place ici. C'est là que vous pouvez définir la taille de la police pour les titres de catégories et gérer l'espacement autour de ceux-ci.
Nombre de publications de l'en-tête de catégorie
#HumiJobBoard .humi-job-board-category-header-posting-count
C'est ici que vous trouverez le nombre de publications pour chaque catégorie. Vous pouvez également déterminer la taille de la police, la hauteur de ligne, et l'espacement au-dessus, et le mettre en majuscules pour donner à vos comptes un aspect plus raffiné.
Publications du tableau d'affichage
#HumiJobBoard .humi-job-board-postings
C'est ici que vous trouverez toutes les publications d'emploi pour une catégorie donnée, et que vous pourrez déterminer l'espacement des retraits à gauche, pour permettre à chaque publication de se démarquer correctement.
Publication de tableau d'affichage
#HumiJobBoard .humi-job-board-posting
Les publications d'emploi individuelles ont aussi leur propre espace! C'est ici que vous pouvez déterminer l'espacement sous chaque publication d'emploi, en maintenant la lisibilité.
Titre de la publication
#HumiJobBoard .humi-job-board-posting-title
Les titres de vos publications d'emploi individuelles peuvent être personnalisés ici. Vous pouvez définir la taille de la police et l'espacement autour de chaque titre, les rendant faciles à lire.
Détails de la publication
#HumiJobBoard .humi-job-board-posting-details
C'est ici que vous trouverez tous les détails importants d'une publication, y compris le lieu, le statut temps plein/temps partiel, et la date de publication. Vous pouvez définir la taille de la police, les caractéristiques de la police (gras), l'espacement au-dessus, et utiliser les majuscules.
Lien de la publication
#HumiJobBoard .humi-job-board-posting-link
Cette classe contient le lien vers chaque publication d'emploi, et c'est ici que vous pouvez définir l'espacement au-dessus du lien, pour assurer qu'il soit facilement cliquable.
Et voilà! Avec ces classes CSS, vous êtes bien équipé pour personnaliser votre tableau d'affichage intégré à la perfection. Si vous avez envie d'aller plus en profondeur dans ces details, n'hésitez pas à jeter un oeil sur les thèmes du tableau d'affichage et les options de style avancées.