Alors, vous vous plongez 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
Celui-ci est le grand! Il englobe l'entièreté de votre tableau d'affichage, établissant 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 sa propre place spéciale. 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 ici 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 vous pouvez déterminer l'espacement de l'indentation à gauche, assurant que chaque publication se démarque 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, le poids de la police (gras), l'espacement au-dessus, et transformer en 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 de plonger encore plus profond, n'hésitez pas à en savoir plus sur les thèmes du tableau d'affichage et les options de style avancées.
Commentaires
0 commentaireVous devez vous connecter pour laisser un commentaire.